@ozen-ui/kit 0.71.0 → 0.72.0

package/__inner__/cjs/components/FileUploader/entities/allow/info.js

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

package/__inner__/cjs/components/FileUploader/entities/allow/item.d.ts

@@ -0,0 +1,3 @@
+import type { FileUploaderDragItem } from '../drag';
+import type { FileUploaderRawFile } from '../file';
+export type FileUploaderAllowItem = FileUploaderRawFile | FileUploaderDragItem;

package/__inner__/cjs/components/FileUploader/entities/allow/item.js

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

package/__inner__/cjs/components/FileUploader/entities/allow/result.d.ts

@@ -0,0 +1,6 @@
+import type { FileUploaderAllow } from './allow';
+import type { FileUploaderAllowInfo } from './info';
+export type FileUploaderAllowResult = {
+    allow: FileUploaderAllow;
+    info: FileUploaderAllowInfo;
+};

package/__inner__/cjs/components/FileUploader/entities/allow/result.js

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

package/__inner__/cjs/components/FileUploader/entities/drag/index.d.ts

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

package/__inner__/cjs/components/FileUploader/entities/drag/index.js

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

package/__inner__/cjs/components/FileUploader/entities/drag/item.d.ts

@@ -0,0 +1 @@
+export type FileUploaderDragItem = DataTransferItem;

package/__inner__/cjs/components/FileUploader/entities/drag/item.js

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

package/__inner__/cjs/components/FileUploader/entities/events/index.d.ts

@@ -0,0 +1,5 @@
+export * from './onAllowDropChange';
+export * from './onChange';
+export * from './onDelete';
+export * from './onDragging';
+export * from './onDrop';

package/__inner__/cjs/components/FileUploader/entities/events/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./onAllowDropChange"), exports);
+tslib_1.__exportStar(require("./onChange"), exports);
+tslib_1.__exportStar(require("./onDelete"), exports);
+tslib_1.__exportStar(require("./onDragging"), exports);
+tslib_1.__exportStar(require("./onDrop"), exports);

package/__inner__/cjs/components/FileUploader/entities/events/onAllowDropChange.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderAllowResult } from '../allow';
+export type FileUploaderOnAllowChange = (allow: boolean, failedChecks: FileUploaderAllowResult[]) => void;

package/__inner__/cjs/components/FileUploader/entities/events/onAllowDropChange.js

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

package/__inner__/cjs/components/FileUploader/entities/events/onChange.d.ts

@@ -0,0 +1,11 @@
+import type { FileUploaderRawFile } from '../file';
+import type { FileUploaderValidateResult } from '../validate';
+export type FileUploaderOnChangeRejectedFile = {
+    file: FileUploaderRawFile;
+    validation: FileUploaderValidateResult[];
+};
+export type FileUploaderOnChange = (params: {
+    files: FileUploaderRawFile[];
+    acceptedFiles: FileUploaderRawFile[];
+    rejectedFiles: FileUploaderOnChangeRejectedFile[];
+}) => void;

package/__inner__/cjs/components/FileUploader/entities/events/onChange.js

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

package/__inner__/cjs/components/FileUploader/entities/events/onDelete.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderFileInfo } from '../file';
+export type FileUploaderOnDelete = (fileInfo: FileUploaderFileInfo) => void;

package/__inner__/cjs/components/FileUploader/entities/events/onDelete.js

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

package/__inner__/cjs/components/FileUploader/entities/events/onDragging.d.ts

@@ -0,0 +1,7 @@
+import type { DragEvent as ReactDragEvent } from 'react';
+export type FileUploaderDraggingInfo = {
+    files: DataTransferItem[];
+    count: number;
+};
+export type FileUploaderOnDraggingStart = (event: DragEvent | ReactDragEvent | null, info: FileUploaderDraggingInfo) => void;
+export type FileUploaderOnDraggingEnd = (event: DragEvent | ReactDragEvent | null, info: FileUploaderDraggingInfo) => void;

package/__inner__/cjs/components/FileUploader/entities/events/onDragging.js

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

package/__inner__/cjs/components/FileUploader/entities/events/onDrop.d.ts

@@ -0,0 +1,3 @@
+import type { DragEvent as ReactDragEvent } from 'react';
+import type { FileUploaderRawFile } from '../file';
+export type FileUploaderOnDrop = (event: DragEvent | ReactDragEvent, files: FileUploaderRawFile[]) => void;

package/__inner__/cjs/components/FileUploader/entities/events/onDrop.js

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

package/__inner__/cjs/components/FileUploader/entities/file/id.d.ts

@@ -0,0 +1 @@
+export type FileUploaderFileId = number | string;

package/__inner__/cjs/components/FileUploader/entities/file/id.js

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

package/__inner__/cjs/components/FileUploader/entities/file/index.d.ts

@@ -0,0 +1,5 @@
+export * from './id';
+export * from './info';
+export * from './prepare';
+export * from './raw';
+export * from './status';

package/__inner__/cjs/components/FileUploader/entities/file/index.js

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

package/__inner__/cjs/components/FileUploader/entities/file/info.d.ts

@@ -0,0 +1,10 @@
+import type { FileUploaderFileId } from './id';
+import type { FileUploaderFileStatus } from './status';
+export type FileUploaderFileInfo = {
+    id: FileUploaderFileId;
+    name: string;
+    format: string | null;
+    description: string;
+    status: FileUploaderFileStatus;
+    errorMessage?: string;
+};

package/__inner__/cjs/components/FileUploader/entities/file/info.js

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

package/__inner__/cjs/components/FileUploader/entities/file/prepare.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderFileInfo, FileUploaderRawFile } from '../file';
+export type FileUploaderPrepareFiles = (files: FileUploaderRawFile[]) => FileUploaderFileInfo[];

package/__inner__/cjs/components/FileUploader/entities/file/prepare.js

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

package/__inner__/cjs/components/FileUploader/entities/file/raw.d.ts

@@ -0,0 +1 @@
+export type FileUploaderRawFile = File;

package/__inner__/cjs/components/FileUploader/entities/file/raw.js

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

package/__inner__/cjs/components/FileUploader/entities/file/status.d.ts

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

package/__inner__/cjs/components/FileUploader/entities/file/status.js

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

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

@@ -0,0 +1,9 @@
+export * from './allow';
+export * from './drag';
+export * from './events';
+export * from './file';
+export * from './input';
+export * from './validate';
+export * from './size';
+export * from './status';
+export * from './variant';

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./allow"), exports);
+tslib_1.__exportStar(require("./drag"), exports);
+tslib_1.__exportStar(require("./events"), exports);
+tslib_1.__exportStar(require("./file"), exports);
+tslib_1.__exportStar(require("./input"), exports);
+tslib_1.__exportStar(require("./validate"), exports);
+tslib_1.__exportStar(require("./size"), exports);
+tslib_1.__exportStar(require("./status"), exports);
+tslib_1.__exportStar(require("./variant"), exports);

package/__inner__/cjs/components/FileUploader/entities/input/index.d.ts

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

package/__inner__/cjs/components/FileUploader/entities/input/index.js

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

package/__inner__/cjs/components/FileUploader/entities/input/ref.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentRef } from 'react';
+export type FileUploaderInputRef = ComponentRef<'input'>;

package/__inner__/cjs/components/FileUploader/entities/input/ref.js

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

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

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

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

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

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

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

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

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

package/__inner__/cjs/components/FileUploader/entities/validate/index.d.ts

@@ -0,0 +1,3 @@
+export * from './info';
+export * from './result';
+export * from './validate';

package/__inner__/cjs/components/FileUploader/entities/validate/index.js

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

package/__inner__/cjs/components/FileUploader/entities/validate/info.d.ts

@@ -0,0 +1,6 @@
+export type FileUploaderValidateInfoObject = {
+    isValid: boolean;
+    message: string;
+};
+export type FileUploaderValidateInfoBoolean = boolean;
+export type FileUploaderValidateInfo = FileUploaderValidateInfoObject | FileUploaderValidateInfoBoolean;

package/__inner__/cjs/components/FileUploader/entities/validate/info.js

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

package/__inner__/cjs/components/FileUploader/entities/validate/result.d.ts

@@ -0,0 +1,6 @@
+import type { FileUploaderValidateInfo } from './info';
+import type { FileUploaderValidateFile } from './validate';
+export type FileUploaderValidateResult = {
+    validate: FileUploaderValidateFile;
+    info: FileUploaderValidateInfo;
+};

package/__inner__/cjs/components/FileUploader/entities/validate/result.js

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

package/__inner__/cjs/components/FileUploader/entities/validate/validate.d.ts

@@ -0,0 +1,3 @@
+import type { FileUploaderRawFile } from '../file';
+import type { FileUploaderValidateInfo } from './info';
+export type FileUploaderValidateFile = (file: FileUploaderRawFile, files: FileUploaderRawFile[]) => FileUploaderValidateInfo;

package/__inner__/cjs/components/FileUploader/entities/validate/validate.js

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

package/__inner__/cjs/components/FileUploader/entities/variant.d.ts

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

package/__inner__/cjs/components/FileUploader/entities/variant.js

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

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

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

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

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

package/__inner__/cjs/components/FileUploader/hooks/useAsFileUploaderDropZone/index.d.ts

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

package/__inner__/cjs/components/FileUploader/hooks/useAsFileUploaderDropZone/index.js

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

package/__inner__/cjs/components/FileUploader/hooks/useAsFileUploaderDropZone/types.d.ts

@@ -0,0 +1,4 @@
+export type UseAsFileUploaderDropZoneOptions = {
+    isWithReactionToClick?: boolean;
+    disabled?: boolean;
+};

package/__inner__/cjs/components/FileUploader/hooks/useAsFileUploaderDropZone/types.js

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

package/__inner__/cjs/components/FileUploader/hooks/useAsFileUploaderDropZone/useAsFileUploaderDropZone.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+import type { UseAsFileUploaderDropZoneOptions } from './types';
+export declare const useAsFileUploaderDropZone: (ref: RefObject<HTMLElement>, options?: UseAsFileUploaderDropZoneOptions) => void;

package/__inner__/cjs/components/FileUploader/hooks/useAsFileUploaderDropZone/useAsFileUploaderDropZone.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsFileUploaderDropZone = void 0;
+var useEventListener_1 = require("../../../../hooks/useEventListener");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var context_1 = require("../../context");
+var utils_1 = require("../../utils");
+var useAsFileUploaderDropZone = function (ref, options) {
+    var _a = options !== null && options !== void 0 ? options : {}, _b = _a.isWithReactionToClick, isWithReactionToClick = _b === void 0 ? true : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    var _d = (0, context_1.useFileUploaderContext)(), setDragging = _d.setDragging, setFiles = _d.setFiles, files = _d.files, status = _d.status, openUploader = _d.openUploader, calculateAllow = _d.calculateAllow, onAllowDropChange = _d.onAllowDropChange, onDrop = _d.onDrop;
+    var isActive = !disabled;
+    var isDisabledStatus = status === 'disabled';
+    var isLoadingStatus = status === 'loading';
+    var getDataTransferFiles = function (event) {
+        var _a;
+        var eventFiles = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files;
+        if (!eventFiles) {
+            return [];
+        }
+        return Array.from(eventFiles);
+    };
+    var getDataTransferItems = function (event) {
+        var _a;
+        var eventFiles = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.items;
+        if (!eventFiles) {
+            return [];
+        }
+        return Array.from(eventFiles);
+    };
+    var lastIsAllow = (0, useStoredValue_1.useStoredValue)(false);
+    var isDraggingOver = (0, useStoredValue_1.useStoredValue)(false);
+    (0, useEventListener_1.useEventListener)({
+        element: ref,
+        eventName: 'dragenter',
+        handler: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (isDraggingOver.current) {
+                return;
+            }
+            var items = getDataTransferItems(event);
+            var calculatedAllow = calculateAllow(items);
+            lastIsAllow.current = calculatedAllow.isAllow;
+            onAllowDropChange(calculatedAllow.isAllow, calculatedAllow.failed);
+            isDraggingOver.current = true;
+            if (!calculatedAllow.isAllow) {
+                return;
+            }
+            setDragging(event, true);
+        },
+        active: isActive,
+    });
+    (0, useEventListener_1.useEventListener)({
+        element: ref,
+        eventName: 'dragover',
+        handler: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        },
+        active: isActive,
+    });
+    (0, useEventListener_1.useEventListener)({
+        element: ref,
+        eventName: 'dragleave',
+        handler: function (event) {
+            var _a;
+            event.preventDefault();
+            event.stopPropagation();
+            if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) {
+                return;
+            }
+            setDragging(event, false);
+            onAllowDropChange(true, []);
+            isDraggingOver.current = false;
+        },
+        active: isActive,
+    });
+    (0, useEventListener_1.useEventListener)({
+        element: ref,
+        eventName: 'drop',
+        handler: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var eventFiles = getDataTransferFiles(event);
+            onDrop(event, eventFiles);
+            setDragging(event, false);
+            isDraggingOver.current = false;
+            if (!lastIsAllow.current) {
+                onAllowDropChange(true, []);
+                return;
+            }
+            setFiles((0, utils_1.mergeFiles)(files, eventFiles));
+        },
+        active: isActive,
+    });
+    (0, useEventListener_1.useEventListener)({
+        element: ref,
+        eventName: 'click',
+        handler: function () {
+            if (isLoadingStatus || isDisabledStatus || !isWithReactionToClick) {
+                return;
+            }
+            openUploader();
+        },
+        active: isActive,
+    });
+};
+exports.useAsFileUploaderDropZone = useAsFileUploaderDropZone;

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

@@ -0,0 +1,10 @@
+export * from './allowPresets';
+export * from './components';
+export * from './context';
+export * from './entities';
+export * from './hooks';
+export * from './modules';
+export * from './utils';
+export * from './constants';
+export * from './FileUploader';
+export * from './types';

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./allowPresets"), exports);
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./context"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
+tslib_1.__exportStar(require("./modules"), exports);
+tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./FileUploader"), exports);
+tslib_1.__exportStar(require("./types"), exports);