@ozen-ui/kit 0.71.1 → 0.72.1

package/FileIcon/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FileIcon/index.js",
+	"module": "../__inner__/esm/components/FileIcon/index.js",
+	"types": "../__inner__/esm/components/FileIcon/index.d.ts"
+}

package/FileNext/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FileNext/index.js",
+	"module": "../__inner__/esm/components/FileNext/index.js",
+	"types": "../__inner__/esm/components/FileNext/index.d.ts"
+}

package/__inner__/cjs/components/ButtonNext/index.d.ts

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Button';
 export * from './types';

package/__inner__/cjs/components/ButtonNext/index.js

@@ -1,5 +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("./Button"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FileIcon/FileIcon.css

@@ -0,0 +1,45 @@
+/* stylelint-disable */
+.FileIcon {
+  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);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  inline-size: var(--file-icon-size);
+  block-size: var(--file-icon-size);
+  background-color: var(--file-icon-background-color);
+  transition: background-color var(--transition-default), color var(--transition-default);
+  color: var(--file-icon-content-color);
+  border-radius: var(--file-icon-border-radius);
+  overflow: hidden;
+}
+.FileIcon_size_xs {
+    --file-icon-size: var(--control-height-xs);
+    --file-icon-border-radius: var(--border-radius-m);
+  }
+.FileIcon_size_m {
+    --file-icon-size: var(--control-height-m);
+    --file-icon-border-radius: var(--border-radius-l);
+  }
+.FileIcon_color_main {
+    --file-icon-background-color: var(--color-background-primary);
+    --file-icon-content-color: var(--color-content-primary);
+  }
+.FileIcon_color_primary {
+    --file-icon-background-color: var(--color-background-secondary);
+    --file-icon-content-color: var(--color-content-primary);
+  }
+.FileIcon_status_error {
+    --file-icon-background-color: var(--color-background-error-light);
+    --file-icon-content-color: var(--color-content-error)
+  }
+.FileIcon_status_loading {
+    --file-icon-background-color: var(--color-background-disabled);
+    --file-icon-content-color: var(--color-content-disabled);
+  }
+.FileIcon_status_unknown {
+    --file-icon-background-color: var(--color-background-success-light);
+    --file-icon-content-color: var(--color-content-success);
+  }

package/__inner__/cjs/components/FileIcon/FileIcon.d.ts

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

package/__inner__/cjs/components/FileIcon/FileIcon.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileIcon = exports.cnFileIcon = void 0;
+var tslib_1 = require("tslib");
+require("./FileIcon.css");
+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 renderContent_1 = require("../../utils/renderContent");
+var Loader_1 = require("../Loader");
+var constants_1 = require("./constants");
+exports.cnFileIcon = (0, classname_1.cn)('FileIcon');
+exports.FileIcon = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileIcon',
+    });
+    var _a = props.as, Tag = _a === void 0 ? constants_1.FILE_ICON_DEFAULT_TAG : _a, className = props.className, _b = props.status, status = _b === void 0 ? constants_1.FILE_ICON_DEFAULT_STATUS : _b, children = props.children, _c = props.color, color = _c === void 0 ? constants_1.FILE_ICON_DEFAULT_COLOR : _c, _d = props.size, size = _d === void 0 ? constants_1.FILE_ICON_DEFAULT_SIZE : _d, other = tslib_1.__rest(props, ["as", "className", "status", "children", "color", "size"]);
+    var iconSize = 's';
+    var content = (function () {
+        if (status === 'loading') {
+            return react_1.default.createElement(Loader_1.Loader, { color: "currentcolor", size: iconSize });
+        }
+        if (status === 'error') {
+            return react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: iconSize });
+        }
+        if (status === 'unknown') {
+            return react_1.default.createElement(icons_1.QuestionCircleOutlineIcon, { size: iconSize });
+        }
+        return (0, renderContent_1.renderContent)({ content: children, props: { size: iconSize } });
+    })();
+    return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnFileIcon)({
+            status: status,
+            color: color,
+            size: size,
+        }, [className]) }), content));
+});
+exports.FileIcon.displayName = 'FileIcon';

package/__inner__/cjs/components/FileIcon/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const FILE_ICON_DEFAULT_TAG = "div";
+export declare const FILE_ICON_DEFAULT_STATUS = "default";
+export declare const FILE_ICON_DEFAULT_COLOR = "main";
+export declare const FILE_ICON_DEFAULT_SIZE = "xs";

package/__inner__/cjs/components/FileIcon/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_ICON_DEFAULT_SIZE = exports.FILE_ICON_DEFAULT_COLOR = exports.FILE_ICON_DEFAULT_STATUS = exports.FILE_ICON_DEFAULT_TAG = void 0;
+exports.FILE_ICON_DEFAULT_TAG = 'div';
+exports.FILE_ICON_DEFAULT_STATUS = 'default';
+exports.FILE_ICON_DEFAULT_COLOR = 'main';
+exports.FILE_ICON_DEFAULT_SIZE = 'xs';

package/__inner__/cjs/components/FileIcon/entities/color.d.ts

@@ -0,0 +1,2 @@
+export declare const fileIconColorVariant: readonly ["main", "primary"];
+export type FileIconColorVariant = (typeof fileIconColorVariant)[number];

package/__inner__/cjs/components/FileIcon/entities/color.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileIconColorVariant = void 0;
+exports.fileIconColorVariant = ['main', 'primary'];

package/__inner__/cjs/components/FileIcon/entities/index.d.ts

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

package/__inner__/cjs/components/FileIcon/entities/index.js

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

package/__inner__/cjs/components/FileIcon/entities/size.d.ts

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

package/__inner__/cjs/components/FileIcon/entities/size.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileIconSizeVariant = void 0;
+exports.fileIconSizeVariant = ['xs', 'm'];

package/__inner__/cjs/components/FileIcon/entities/status.d.ts

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

package/__inner__/cjs/components/FileIcon/entities/status.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileIconStatusVariant = void 0;
+exports.fileIconStatusVariant = [
+    'default',
+    'error',
+    'loading',
+    'unknown',
+];

package/__inner__/cjs/components/FileIcon/index.d.ts

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

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

package/__inner__/cjs/components/FileIcon/types.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FILE_ICON_DEFAULT_TAG } from './constants';
+import type { FileIconColorVariant, FileIconSizeVariant, FileIconStatusVariant } from './entities';
+export type FileIconBaseProps = {
+    /** Статус иконки */
+    status?: FileIconStatusVariant;
+    /** Цвет иконки */
+    color?: FileIconColorVariant;
+    /** Размер иконки */
+    size?: FileIconSizeVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type FileIconProps<As extends ElementType = typeof FILE_ICON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileIconBaseProps, As>;
+export type FileIconRef<As extends ElementType = typeof FILE_ICON_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/cjs/components/FileIcon/types.js

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

package/__inner__/cjs/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__/cjs/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__/cjs/components/FileNext/File.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.File = exports.cnFile = void 0;
+var tslib_1 = require("tslib");
+require("./File.css");
+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 FileIcon_1 = require("../FileIcon");
+var Stack_1 = require("../Stack");
+var constants_1 = require("./constants");
+var FileContext_1 = require("./FileContext");
+exports.cnFile = (0, classname_1.cn)('FileNext');
+exports.File = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileNext',
+    });
+    var className = props.className, children = props.children, hint = props.hint, _a = props.as, Tag = _a === void 0 ? constants_1.FILE_DEFAULT_TAG : _a, _b = props.status, status = _b === void 0 ? constants_1.FILE_DEFAULT_STATUS : _b, file = props.file, _c = props.size, size = _c === void 0 ? constants_1.FILE_DEFAULT_SIZE : _c, trailing = props.trailing, other = tslib_1.__rest(props, ["className", "children", "hint", "as", "status", "file", "size", "trailing"]);
+    return (react_1.default.createElement(FileContext_1.FileContext.Provider, { value: { size: size } },
+        react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnFile)({
+                status: status,
+                size: size,
+            }, [className]) }),
+            react_1.default.createElement("div", { className: (0, exports.cnFile)('Main') },
+                react_1.default.createElement(FileIcon_1.FileIcon, { size: "xs", status: status }, file),
+                react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnFile)('Content'), direction: "column", justify: "center" },
+                    react_1.default.createElement("div", { className: (0, exports.cnFile)('ContentMain') }, children),
+                    hint && react_1.default.createElement("div", { className: (0, exports.cnFile)('Hint') }, hint))),
+            trailing && react_1.default.createElement("div", { className: (0, exports.cnFile)('Trailing') }, trailing))));
+});
+exports.File.displayName = 'File';

package/__inner__/cjs/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__/cjs/components/FileNext/FileContext.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFileContext = exports.FileContext = exports.FileContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+var constants_1 = require("./constants");
+exports.FileContextDefaultValue = {
+    size: constants_1.FILE_DEFAULT_SIZE,
+};
+exports.FileContext = (0, react_1.createContext)(exports.FileContextDefaultValue);
+var useFileContext = function () { return (0, react_1.useContext)(exports.FileContext); };
+exports.useFileContext = useFileContext;
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.FileContext.displayName = 'FileContext';
+}

package/__inner__/cjs/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__/cjs/components/FileNext/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_DEFAULT_SIZE = exports.FILE_DEFAULT_STATUS = exports.FILE_DEFAULT_TAG = void 0;
+exports.FILE_DEFAULT_TAG = 'div';
+exports.FILE_DEFAULT_STATUS = 'default';
+exports.FILE_DEFAULT_SIZE = 'm';

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

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

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

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

package/__inner__/cjs/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__/cjs/components/FileNext/entities/size.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileSizeVariant = void 0;
+exports.fileSizeVariant = ['xs', 's', 'm', 'l'];

package/__inner__/cjs/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__/cjs/components/FileNext/entities/status.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileStatusVariant = void 0;
+exports.fileStatusVariant = ['default', 'loading', 'error'];

package/__inner__/cjs/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__/cjs/components/FileNext/index.js

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

package/__inner__/cjs/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__/cjs/components/FileNext/modules/FileIconButton/FileIconButton.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileIconButton = 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 IconButtonNext_1 = require("../../../IconButtonNext");
+var FileContext_1 = require("../../FileContext");
+var constants_1 = require("./constants");
+exports.FileIconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileIconButton',
+    });
+    var _a = props.as, as = _a === void 0 ? constants_1.FILE_ICON_BUTTON_DEFAULT_TAG : _a, other = tslib_1.__rest(props, ["as"]);
+    var size = (0, FileContext_1.useFileContext)().size;
+    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({}, other, { as: as, ref: ref, size: size, compressed: true })));
+});
+exports.FileIconButton.displayName = 'FileIconButton';

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_ICON_BUTTON_DEFAULT_TAG = void 0;
+var IconButtonNext_1 = require("../../../IconButtonNext");
+exports.FILE_ICON_BUTTON_DEFAULT_TAG = IconButtonNext_1.ICON_BUTTON_DEFAULT_TAG;

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

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

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

package/__inner__/cjs/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__/cjs/components/FileNext/modules/FileIconButton/types.js

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

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

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

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

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

package/__inner__/cjs/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__/cjs/components/FileNext/types.js

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

package/__inner__/cjs/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__/cjs/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__/cjs/components/FileUploader/FileUploader.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploader = exports.cnFileUploader = 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 Stack_1 = require("../Stack");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var context_1 = require("./context");
+var modules_1 = require("./modules");
+exports.cnFileUploader = (0, classname_1.cn)('FileUploader');
+exports.FileUploader = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploader',
+    });
+    var _a = props.as, Tag = _a === void 0 ? constants_1.FILE_UPLOADER_DEFAULT_TAG : _a, prepareFiles = props.prepareFiles, children = props.children, _b = props.size, size = _b === void 0 ? constants_1.FILE_UPLOADER_DEFAULT_SIZE : _b, files = props.files, defaultFiles = props.defaultFiles, _c = props.multiple, multiple = _c === void 0 ? constants_1.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 ? constants_1.FILE_UPLOADER_DEFAULT_VARIANT : _d, inputProp = props.input, accept = props.accept, hint = props.hint, _e = props.validate, validate = _e === void 0 ? constants_1.FILE_UPLOADER_DEFAULT_VALIDATE : _e, _f = props.allow, allow = _f === void 0 ? constants_1.FILE_UPLOADER_DEFAULT_ALLOW_DROP : _f, onAllowDropChange = props.onAllowDropChange, onAllowUploadChange = props.onAllowUploadChange, _g = props.onDrop, onDrop = _g === void 0 ? constants_1.FILE_UPLOADER_DEFAULT_ON_DROP : _g, other = tslib_1.__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_1.default.createElement(modules_1.FileUploaderInput, null);
+    return (react_1.default.createElement(context_1.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_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnFileUploader)({ status: status }, [className]) }),
+            input,
+            drop,
+            children && (react_1.default.createElement(Stack_1.Stack, { gap: "s", className: (0, exports.cnFileUploader)('Content'), direction: "column" }, children)),
+            hint && (react_1.default.createElement(components_1.FileUploaderHint, { className: (0, exports.cnFileUploader)('Hint') }, hint)))));
+});
+exports.FileUploader.displayName = 'FileUploader';

package/__inner__/cjs/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__/cjs/components/FileUploader/__tests__/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mockEventFiles = exports.mockRejectedEventFiles = exports.mockAcceptedEventFiles = void 0;
+var tslib_1 = require("tslib");
+var utils_1 = require("./utils");
+exports.mockAcceptedEventFiles = [
+    (0, utils_1.generateMockFileInfo)('test', 'svg'),
+    (0, utils_1.generateMockFileInfo)('test2', 'pdf'),
+];
+exports.mockRejectedEventFiles = [
+    (0, utils_1.generateMockFileInfo)('test3', 'jpg', 'other'),
+];
+exports.mockEventFiles = tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(exports.mockAcceptedEventFiles), false), tslib_1.__read(exports.mockRejectedEventFiles), false);