@epam/ai-dial-react-file-manager 0.1.0-dev.13

package/dist/src/components/FileManager/hooks/use-show-hidden-files.d.ts

@@ -0,0 +1,9 @@
+export interface UseShowHiddenFilesOptions {
+    showHiddenFiles?: boolean;
+    onShowHiddenFilesChange?: (showHiddenFiles: boolean) => void;
+}
+export declare const useShowHiddenFiles: (options?: UseShowHiddenFilesOptions) => {
+    areHiddenFilesVisible: boolean;
+    toggleHiddenFilesVisibility: () => void;
+    setAreHiddenFilesVisible: (value: boolean) => void;
+};

package/dist/src/components/FileManager/hooks/use-tree-additional-buttons.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from '../../../../node_modules/react';
+interface useTreeAdditionalButtonsOptions {
+    additionalButtons?: ReactNode;
+    expandedPathsLength: number;
+    collapseAll: () => void;
+}
+/**
+ * Provides additional action buttons for the tree component, including a
+ * built-in "Collapse All" button. The hook memoizes the returned JSX to avoid
+ * unnecessary re-renders and applies disabled state automatically based on
+ * the number of expanded paths.
+ *
+ * @param {ReactNode} [additionalButtons] - Optional custom buttons rendered before the Collapse All button.
+ * @param {number} expandedPathsLength - Number of currently expanded paths in the tree.
+ * @param {() => void} collapseAll - Callback fired when the Collapse All button is clicked.
+ *
+ * @returns {{ additionalButtons: ReactNode }} - The rendered buttons fragment.
+ */
+export declare const useTreeAdditionalButtons: ({ additionalButtons, expandedPathsLength, collapseAll, }: useTreeAdditionalButtonsOptions) => {
+    additionalButtons: import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/src/components/FileManager/hooks/use-trigger-view-create-folder.d.ts

@@ -0,0 +1,26 @@
+import { DialFile } from '../../../models/file';
+import { FileManagerCreateFolderTriggerView } from '../../../types/file-manager';
+interface UseTriggerViewCreateFolderOptions {
+    onGridAddSibling?: (files: DialFile[]) => void;
+    onGridAddChild?: (files: DialFile[]) => void;
+    onTreeAddSibling?: (files: DialFile[]) => void;
+    onTreeAddChild?: (files: DialFile[]) => void;
+}
+/**
+ * Manages which view ("tree" or "grid") triggered a folder creation action.
+ *
+ * Useful when both TreeView and GridView can initiate folder creation,
+ * and the parent needs to know which source triggered it
+ * to apply view-specific logic or UI updates.
+ *
+ * Returns the last folder creation trigger source and four handlers
+ * (`onGridCreateSiblingFolder`, `onTreeCreateSiblingFolder`, `onGridCreateChildFolder`, `onTreeCreateChildFolder`) that wrap the provided `onGridAddSibling`, `onTreeAddSibling`, `onGridAddChild` and `onTreeAddChild` callbacks.
+ */
+export declare const useTriggerViewCreateFolder: ({ onGridAddSibling, onGridAddChild, onTreeAddSibling, onTreeAddChild, }: UseTriggerViewCreateFolderOptions) => {
+    createFolderTriggerView: FileManagerCreateFolderTriggerView;
+    onGridCreateSiblingFolder: (files: DialFile[]) => void;
+    onTreeCreateSiblingFolder: (files: DialFile[]) => void;
+    onGridCreateChildFolder: (files: DialFile[]) => void;
+    onTreeCreateChildFolder: (files: DialFile[]) => void;
+};
+export {};

package/dist/src/components/FileManager/hooks/use-trigger-view-rename.d.ts

@@ -0,0 +1,20 @@
+import { FileManagerRenameTriggerView } from '../../../types/file-manager';
+interface UseTriggerViewRenameOptions {
+    onRename: (path: string) => void;
+}
+/**
+ * Manages which view ("tree" or "grid") triggered a rename action.
+ *
+ * Useful when both TreeView and GridView can initiate renaming,
+ * and the parent needs to know which source triggered it
+ * to apply view-specific logic or UI updates.
+ *
+ * Returns the last rename trigger source and two handlers
+ * (`onGridRename`, `onTreeRename`) that wrap the provided `onRename` callback.
+ */
+export declare const useTriggerViewRename: ({ onRename, }: UseTriggerViewRenameOptions) => {
+    renameTriggerView: FileManagerRenameTriggerView;
+    onGridRename: (path: string) => void;
+    onTreeRename: (path: string) => void;
+};
+export {};

package/dist/src/components/FileManager/utils.d.ts

@@ -0,0 +1,58 @@
+import { DialFile } from '../../models/file';
+import { DialFileAcceptType } from '../../models/file-manager';
+import { ReactNode } from '../../../node_modules/react';
+import { FileManagerGridRow } from './FileManagerContext';
+export declare const findNodeByPath: (nodes: DialFile[] | undefined, path: string) => DialFile | undefined;
+export declare const findFolderForPath: (root: DialFile[] | undefined, path?: string) => DialFile | undefined;
+export declare const normalizeToLowerCase: (input?: string) => string;
+export declare const normalizeExtensionWithoutDot: (input?: string) => string;
+export declare const collectAllDescendants: (folder?: DialFile) => DialFile[];
+export declare const isHiddenDotFile: (node: DialFile) => boolean;
+/**
+ * Formats bytes into a short, human-readable string.
+ *
+ * @param bytes - Number of bytes to format
+ * @returns Formatted string (e.g., "15.0 MB", "150 KB", "512 bytes")
+ *
+ * @example
+ * ```ts
+ * formatBytes(2150) // "2 KB"
+ * formatBytes(15728640) // "15.0 MB"
+ * formatBytes(512) // "512 bytes"
+ * ```
+ */
+export declare const formatBytes: (bytes?: number) => string;
+/**
+ * Formats date string into a localized date string.
+ *
+ * @param date - ISO date string or any valid date string
+ * @param locale - BCP 47 language tag (e.g., 'en-US', 'ru-RU')
+ * @param options - Intl.DateTimeFormat options
+ * @returns Formatted date string or original string if formatting fails
+ *
+ * @example
+ * ```ts
+ * formatDate('2025-09-05T10:30:00Z', 'en-US', { year: 'numeric', month: 'short', day: '2-digit' })
+ * // "Sep 05, 2025"
+ *
+ * formatDate('2025-09-05T10:30:00Z', 'ru-RU', { year: 'numeric', month: 'long', day: 'numeric' })
+ * // "5 сентября 2025 г."
+ * ```
+ */
+export declare const formatDate: (date?: string, locale?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions) => string;
+export declare function isFileAccepted(allowedFileTypes: DialFileAcceptType[] | undefined, contentType: string, fileName?: string): boolean;
+export declare const formatAllowedFileTypesForTooltip: (allowedFileTypes: DialFileAcceptType[] | undefined) => string;
+export declare const getExtensionsListForMimeType: (mimeType: string) => string[];
+export declare const cleanForbiddenSymbolsRegExp: (forbiddenSymbolsRegExp?: RegExp) => RegExp | undefined;
+export declare function getForbiddenSymbolsTooltip(item: {
+    name: string;
+    isFolder: boolean;
+}, forbiddenSymbolsRegExp?: RegExp, forbiddenSymbolsTooltip?: ReactNode): ReactNode | undefined;
+export declare const splitPathAndName: (fullPath: string) => {
+    parent: string;
+    name: string;
+};
+export declare const isFileSelectable: (file: Pick<DialFile, "contentLength" | "contentType" | "name">, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number) => boolean;
+export declare const getRowTooltip: (file: FileManagerGridRow, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number, unsupportedFileTypeTooltip?: string, fileTooLargeTooltip?: string) => string | undefined;
+export declare const getFolderNestingDepth: (folderPath: string) => number;
+export declare const getNextFolderName: (existingFolders: DialFile[]) => string;

package/dist/src/constants/file-grid-columns.d.ts

@@ -0,0 +1,4 @@
+import { ColDef } from '../../node_modules/ag-grid-community';
+export declare const NAME_COLUMN: (headerName: string) => (dateLocale: Intl.LocalesArgument, dateOptions: Intl.DateTimeFormatOptions | undefined, isCompactView: boolean) => ColDef;
+export declare const UPDATED_AT_COLUMN: (headerName: string) => (dateLocale: Intl.LocalesArgument, dateOptions: Intl.DateTimeFormatOptions | undefined) => ColDef;
+export declare const SIZE_COLUMN: (headerName: string) => ColDef;

package/dist/src/hooks/use-flexible-actions.d.ts

@@ -0,0 +1,88 @@
+import { FlexibleActionsDirection } from '@epam/ai-dial-ui-kit';
+interface UseFlexibleActionsOptions<T> {
+    actions: T[];
+    direction?: FlexibleActionsDirection;
+    moreButtonWidth?: number;
+    actionsGap?: number;
+    containerPadding?: number;
+    dependencies?: unknown[];
+}
+/**
+ * A responsive layout hook that automatically determines how many action buttons
+ * can fit within a container and moves overflowing ones into a hidden list (e.g. a dropdown).
+ *
+ * It measures each action's width and dynamically recalculates visible and hidden actions
+ * whenever the container resizes or dependencies change. The first fit is computed in
+ * `useLayoutEffect` (before paint) so actions do not briefly show inline and then move
+ * into overflow after a later frame.
+ *
+ * This hook is reusable for toolbars or action strips that can have:
+ * - a **left fixed section** (e.g., selection info),
+ * - a **right fixed section** (e.g., metadata or pagination),
+ * - and a **flexible central section** where actions may overflow.
+ *
+ * @template T - Type of the action item. Each action must have a unique `key` property.
+ *
+ * @param {Object} options - Hook configuration options.
+ * @param {T[]} options.actions - Array of all available actions.
+ * @param {FlexibleActionsDirection} [options.direction=FlexibleActionsDirection.Normal] -
+ * Defines the fill direction:
+ * - `Normal`: Fills actions from left to right.
+ * - `Reverse`: Fills actions from right to left (useful when the "More" button is on the right).
+ * @param {number} [options.moreButtonWidth=BASE_ICON_SIZE] - Reserved width for the “more” or overflow button.
+ * @param {number} [options.actionsGap=8] - Horizontal gap (in pixels) between action buttons.
+ * @param {number} [options.containerPadding=8] - Horizontal padding (in pixels) inside the container.
+ * @param {unknown[]} [options.dependencies=[]] - Dependency array to trigger recalculation when external layout-affecting
+ *   values (like screen size or visibility) change.
+ *
+ * @returns Result object containing the calculated visible and hidden actions and all relevant refs.
+ *
+ * @property {T[]} visibleActions - Actions that currently fit into the available width.
+ * @property {T[]} hiddenActions - Actions that do not fit and should be rendered inside a dropdown.
+ *
+ * @property {Object} refs - A set of refs used for layout measurement.
+ * @property {RefObject<HTMLDivElement>} refs.containerRef - Ref for the outer container. Must wrap the entire toolbar area.
+ * @property {RefObject<HTMLDivElement>} refs.measureRef - Ref for a hidden measurement container (used to measure action widths).
+ * @property {RefObject<HTMLDivElement>} refs.leftSectionRef - Ref for the left fixed section (optional).
+ * @property {RefObject<HTMLDivElement>} refs.rightSectionRef - Ref for the right fixed section (optional).
+ *
+ * @example
+ * // Example usage inside a toolbar component:
+ * const { visibleActions, hiddenActions, refs } = useFlexibleActions({
+ *   actions,
+ *   direction: FlexibleActionsDirection.Reverse,
+ *   dependencies: [isMobile],
+ * });
+ *
+ * return (
+ *   <>
+ *     <div ref={refs.measureRef} className="invisible absolute top-0 left-0 flex gap-2">
+ *       {actions.map(a => <ActionButton key={a.key} {...a} />)}
+ *     </div>
+ *
+ *     <div ref={refs.containerRef} className="flex justify-between items-center">
+ *       <div ref={refs.leftSectionRef}>Left section</div>
+ *
+ *       <div className="flex gap-2 items-center">
+ *         {hiddenActions.length > 0 && <MoreMenu items={hiddenActions} />}
+ *         {visibleActions.map(a => <ActionButton key={a.key} {...a} />)}
+ *       </div>
+ *
+ *       <div ref={refs.rightSectionRef}>Right section</div>
+ *     </div>
+ *   </>
+ * );
+ */
+export declare function useFlexibleActions<T extends {
+    key: string;
+}>({ actions, direction, moreButtonWidth, actionsGap, containerPadding, dependencies, }: UseFlexibleActionsOptions<T>): {
+    visibleActions: T[];
+    hiddenActions: T[];
+    refs: {
+        containerRef: import('../../node_modules/react').RefObject<HTMLDivElement | null>;
+        measureRef: import('../../node_modules/react').RefObject<HTMLDivElement | null>;
+        leftSectionRef: import('../../node_modules/react').RefObject<HTMLDivElement | null>;
+        rightSectionRef: import('../../node_modules/react').RefObject<HTMLDivElement | null>;
+    };
+};
+export {};

package/dist/src/hooks/use-is-mobile-screen.d.ts

@@ -0,0 +1,15 @@
+/**
+ * A React hook that determines whether the current window size matches a mobile screen width.
+ *
+ * It initializes based on the current screen size using `isSmallScreen()` and updates its value
+ * whenever the window is resized.
+ *
+ * @returns {boolean} `true` if the viewport width matches the mobile breakpoint, otherwise `false`.
+ *
+ * @example
+ * const isMobile = useIsMobileScreen();
+ * if (isMobile) {
+ *   console.log('Mobile layout active');
+ * }
+ */
+export declare const useIsMobileScreen: () => boolean;

package/dist/src/hooks/use-width-breakpoint.d.ts

@@ -0,0 +1,25 @@
+import { RefObject } from '../../node_modules/react';
+/**
+ * A React hook that tracks the width of a DOM element and determines if it is smaller than a specified breakpoint.
+ *
+ * This hook returns a `ref` to attach to the element you want to observe and a boolean `isBelowBreakpoint`
+ * that becomes `true` when the element's width is less than the given `breakpoint`, and `false` otherwise.
+ * The value updates automatically when the element is resized.
+ *
+ * @param {number} breakpoint - The width in pixels used as the threshold. `isBelowBreakpoint` is true when the element's width is less than this value.
+ * @param customBreakpointRef - Custom ref to an element to observe instead of the one returned by this hook. If not provided, the hook will observe the element attached to `containerRef`.
+ * @returns {{ containerRef: RefObject<HTMLElement>, isBelowBreakpoint: boolean }} An object containing the ref to attach to your element and the boolean indicating if it is smaller than the breakpoint.
+ *
+ * @example
+ * const { containerRef, isBelowBreakpoint } = useWidthBreakpoint(600);
+ *
+ * return (
+ *   <div ref={containerRef}>
+ *     {isBelowBreakpoint ? 'Compact view' : 'Full view'}
+ *   </div>
+ * );
+ */
+export declare function useWidthBreakpoint(breakpoint: number, customBreakpointRef?: RefObject<HTMLElement | null>): {
+    containerRef: RefObject<HTMLElement | null>;
+    isBelowBreakpoint: boolean;
+};

package/dist/src/index.d.ts

@@ -0,0 +1,18 @@
+export { DialFileManager } from './components/FileManager/FileManager';
+export type { BulkActionsToolbarOptions, CreateFolderValidationMessages, DeleteConfirmationOptions, DialFileManagerConflictResolutionPopupOptions, DialFileManagerDestinationFolderPopupOptions, DialFileManagerProps, FileMetadataPopupOptions, FileTreeOptions, GridOptions, NavigationPanelOptions, NewAction, ToolbarOptions, } from './components/FileManager/FileManager';
+export { DialDestinationFolderPopup } from './components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup';
+export type { DestinationFolderPopupProps } from './components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup';
+export { DialFoldersTree } from './components/FileManager/components/FoldersTree/FoldersTree';
+export type { DialFoldersTreeProps } from './components/FileManager/components/FoldersTree/FoldersTree';
+export type { FileManagerContextValue, FileManagerGridRow, } from './components/FileManager/FileManagerContext';
+export { FileManagerProvider } from './components/FileManager/FileManagerProvider';
+export type { FileManagerProviderProps } from './components/FileManager/FileManagerProvider';
+export { useFileManagerContext } from './components/FileManager/hooks/use-file-manager-context';
+export { useDialFileManagerTabs } from './components/FileManager/hooks/use-file-manager-tabs';
+export type { DialFile } from './models/file';
+export { DialFileNodeType, DialFilePermission, DialFileResourceType, } from './models/file';
+export type { DialRootFolder } from './models/file';
+export { type DialCopiedItem, type DialDeletedItem, type DialFileAcceptType, type DialFileManagerActionsRef, type DialUploadFileItem, } from './models/file-manager';
+export { GridSelectionMode } from './models/selection-mode';
+export { DestinationFolderMode, DialFileManagerActions, DialFileManagerConflictActions, DialFileManagerConflictStrategies, DialFileManagerTabs, FileManagerColumnKey, FileManagerCreateFolderTriggerView, FileManagerCreateFolderType, FileManagerRenameTriggerView, } from './types/file-manager';
+export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';

package/dist/src/models/base-entity.d.ts

@@ -0,0 +1,4 @@
+export interface DialModifiedEntity {
+    createdAt?: string;
+    updatedAt?: string;
+}

package/dist/src/models/file-manager.d.ts

@@ -0,0 +1,19 @@
+import { DialFileNodeType } from './file';
+export interface DialCopiedItem {
+    sourceUrl: string;
+    destinationUrl: string;
+    overwrite?: boolean;
+    nodeType: DialFileNodeType;
+}
+export interface DialDeletedItem {
+    sourceUrl: string;
+    nodeType: DialFileNodeType;
+}
+export interface DialUploadFileItem {
+    fileContent: File;
+    name: string;
+}
+export interface DialFileManagerActionsRef {
+    createFolder: () => void;
+}
+export type DialFileAcceptType = `${string}/${string}` | `.${string}`;

package/dist/src/models/file.d.ts

@@ -0,0 +1,39 @@
+import { DialModifiedEntity } from './base-entity';
+export interface DialFile extends DialModifiedEntity {
+    bucket?: string;
+    contentLength?: number;
+    contentType?: string;
+    nodeType: DialFileNodeType;
+    parentPath?: string | null;
+    resourceType?: DialFileResourceType;
+    url?: string;
+    items?: DialFile[];
+    path: string;
+    name: string;
+    folderId: string;
+    owner?: string;
+    author?: string;
+    nextToken?: string;
+    extension?: string;
+    id?: string;
+    permissions?: DialFilePermission[];
+}
+export declare enum DialFileNodeType {
+    ITEM = "item",
+    FOLDER = "folder"
+}
+export declare enum DialFileResourceType {
+    FILE = "FILE",
+    PROMPT = "PROMPT",
+    CONVERSATION = "CONVERSATION",
+    APPLICATION = "APPLICATION",
+    TOOLSET = "TOOL_SET"
+}
+export declare enum DialFilePermission {
+    READ = "READ",
+    WRITE = "WRITE",
+    SHARE = "SHARE"
+}
+export interface DialRootFolder extends DialFile {
+    label: string;
+}

package/dist/src/models/selection-mode.d.ts

@@ -0,0 +1,4 @@
+export declare enum GridSelectionMode {
+    MULTIPLE = "MULTIPLE",
+    SINGLE = "SINGLE"
+}

package/dist/src/types/file-manager.d.ts

@@ -0,0 +1,59 @@
+export declare enum DialFileManagerTabs {
+    MyFiles = "my_files",
+    Shared = "shared",
+    Organization = "organization",
+    Review = "review"
+}
+export declare enum DialFileManagerActions {
+    AddSibling = "addSibling",
+    AddChild = "addChild",
+    Duplicate = "duplicate",
+    Copy = "copy",
+    Move = "move",
+    Download = "download",
+    Delete = "delete",
+    Rename = "rename",
+    Info = "info",
+    Unshare = "unshare",
+    RemoveAccess = "removeAccess",
+    ManagePermissions = "managePermissions",
+    Preview = "preview",
+    OpenInNewTab = "openInNewTab"
+}
+export declare enum DialFileManagerConflictActions {
+    Replace = "replace",
+    Duplicate = "duplicate",
+    Cancel = "cancel"
+}
+export declare enum DialFileManagerConflictStrategies {
+    ReplaceAll = "replaceAll",
+    DuplicateAll = "duplicateAll",
+    DecideForEach = "decideForEach"
+}
+export declare enum DestinationFolderMode {
+    Copy = "copy",
+    Move = "move"
+}
+export declare enum FileManagerRenameTriggerView {
+    Tree = "tree",
+    Grid = "grid"
+}
+export declare enum FileManagerCreateFolderTriggerView {
+    Tree = "tree",
+    Grid = "grid"
+}
+export declare enum FileManagerCreateFolderType {
+    Folder = "folder",
+    Child = "child",
+    Sibling = "sibling"
+}
+export declare enum FileManagerColumnKey {
+    Name = "name",
+    UpdatedAt = "updatedAt",
+    Size = "size",
+    Author = "author",
+    Owner = "owner",
+    Path = "path",
+    Actions = "__actions",
+    Version = "version"
+}

package/dist/src/types/screen.d.ts

@@ -0,0 +1,6 @@
+export declare enum ScreenType {
+    Undefined = "undefined",
+    Mobile = "mobile",
+    Tablet = "tablet",
+    Desktop = "desktop"
+}

package/dist/src/utils/mobile.d.ts

@@ -0,0 +1,49 @@
+import { ScreenType } from '../types/screen';
+/**
+ * Checks if the current viewport width is within the "medium" (tablet) screen range.
+ *
+ * Specifically, it returns `true` if the window width is less than 1280 pixels.
+ * Safely handles server-side rendering by verifying that `window` is defined.
+ *
+ * @returns {boolean} `true` if the viewport width is less than 1279px, otherwise `false`.
+ *
+ * @example
+ * if (isMediumScreen()) {
+ *   console.log('Tablet or smaller screen detected');
+ * }
+ */
+export declare const isMediumScreen: () => boolean;
+/**
+ * Checks if the current viewport width is within the "small" (mobile) screen range.
+ *
+ * Specifically, it returns `true` if the window width is less than 640 pixels.
+ * Safely handles server-side rendering by verifying that `window` is defined.
+ *
+ * @returns {boolean} `true` if the viewport width is less than 640px, otherwise `false`.
+ *
+ * @example
+ * if (isSmallScreen()) {
+ *   console.log('Mobile screen detected');
+ * }
+ */
+export declare const isSmallScreen: () => boolean;
+/**
+ * Determines the current screen type based on the viewport width.
+ *
+ * Categorizes the screen into one of three types defined by `ScreenType`:
+ * - `ScreenType.Desktop` for widths **≥ 1024px**
+ * - `ScreenType.Tablet` for widths **between 640px and 1023px**
+ * - `ScreenType.Mobile` for widths **< 640px**
+ *
+ * If executed in a non-browser environment (where `window` is undefined),
+ * it returns `ScreenType.Undefined`.
+ *
+ * @returns {ScreenType} The detected screen type (`Desktop`, `Tablet`, `Mobile`, or `Undefined`).
+ *
+ * @example
+ * const screenType = getScreenType();
+ * if (screenType === ScreenType.Mobile) {
+ *   console.log('Mobile layout activated');
+ * }
+ */
+export declare const getScreenType: () => ScreenType;

package/dist/src/utils/path.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Splits a path string into normalized, non-empty segments.
+ *
+ * Trims whitespace from each segment and removes empty values
+ * caused by leading, trailing, or repeated slashes.
+ *
+ * @param path - A path string (e.g. "Org / Design / Assets/")
+ * @returns An array of path segments
+ */
+export declare const getSegments: (path: string) => string[];

package/package.json

@@ -0,0 +1,141 @@
+{
+  "name": "@epam/ai-dial-react-file-manager",
+  "version": "0.1.0-dev.13",
+  "type": "module",
+  "license": "Apache-2.0",
+  "description": "React file manager package for AI DIAL interfaces",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/epam/ai-dial-react-file-manager.git"
+  },
+  "homepage": "https://github.com/epam/ai-dial-react-file-manager#readme",
+  "bugs": {
+    "url": "https://github.com/epam/ai-dial-react-file-manager/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "provenance": true
+  },
+  "keywords": [
+    "ai-dial",
+    "file-manager",
+    "react"
+  ],
+  "module": "dist/ai-dial-react-file-manager.es.js",
+  "types": "dist/src/index.d.ts",
+  "engines": {
+    "node": ">=22.2.0",
+    "npm": ">=10.7.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/ai-dial-react-file-manager.es.js",
+      "default": "./dist/ai-dial-react-file-manager.es.js"
+    },
+    "./styles.css": {
+      "default": "./dist/index.css"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && npm run build:css",
+    "build:css": "tailwindcss -m -i ./src/styles/tailwind-entry.scss -o ./dist/index.css",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:check": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "typecheck": "tsc --noEmit",
+    "test:run": "vitest run",
+    "test:package": "node tools/package-smoke.mjs",
+    "verify:agent-hook": "npm run typecheck && npm run lint:check && npm run test:run",
+    "test": "vitest --coverage",
+    "format": "prettier --check .",
+    "format-fix": "prettier --write .",
+    "preview": "vite preview",
+    "storybook": "concurrently \"npm run storybook:css\" \"storybook dev -p 6006\"",
+    "storybook:css": "tailwindcss -w -i ./src/styles/tailwind-entry.scss -o ./src/index.css",
+    "build-storybook": "concurrently \"npm run build-storybook:css\" \"storybook build\"",
+    "build-storybook:css": "tailwindcss -m -i ./src/styles/tailwind-entry.scss -o ./src/index.css",
+    "prepare": "node tools/setup-husky.mjs",
+    "publish:npm": "npm publish --access public",
+    "publish:dry": "npm publish --access public --dry-run --provenance=false",
+    "storybook-docs": "storybook dev --docs",
+    "build-storybook-docs": "storybook build --docs",
+    "review:check": "node scripts/agent-review-check.mjs",
+    "review:check:strict": "node scripts/agent-review-check.mjs --strict"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "npm run lint"
+    ]
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "mime-types": "^3.0.2"
+  },
+  "peerDependencies": {
+    "@epam/ai-dial-ui-kit": "0.13.0-dev.25",
+    "@tabler/icons-react": "^3.41.1",
+    "ag-grid-community": "^35.2.1",
+    "ag-grid-react": "^35.2.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5"
+  },
+  "devDependencies": {
+    "@epam/ai-dial-ui-kit": "0.13.0-dev.25",
+    "@floating-ui/react": "^0.27.19",
+    "@chromatic-com/storybook": "^5.1.2",
+    "@eslint/js": "^9.39.2",
+    "@storybook/addon-a11y": "^10.3.6",
+    "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-vitest": "^10.3.6",
+    "@storybook/react-vite": "^10.3.6",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/mime-types": "^3.0.1",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.59.1",
+    "@typescript-eslint/parser": "^8.59.1",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/coverage-v8": "^4.1.10",
+    "autoprefixer": "^10.5.0",
+    "concurrently": "^9.2.4",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-storybook": "^10.2.17",
+    "eslint-plugin-tailwindcss": "^3.18.3",
+    "globals": "^16.3.0",
+    "husky": "^9.1.7",
+    "jsdom": "^26.1.0",
+    "lint-staged": "^16.1.2",
+    "postcss": "^8.5.25",
+    "postcss-import": "^16.1.1",
+    "prettier": "^3.8.3",
+    "sass": "^1.99.0",
+    "sass-embedded": "^1.99.0",
+    "storybook": "^10.3.6",
+    "storybook-addon-pseudo-states": "^10.3.6",
+    "tailwindcss": "^3.4.19",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.5.0",
+    "vitest": "^4.1.10",
+    "tsx": "^4.20.5"
+  }
+}