@epam/ai-dial-ui-kit 0.16.0-dev.3 → 0.16.0-dev.32

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

@@ -1,21 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialFileManagerProps } from './FileManager';
-export interface FileManagerProviderProps extends Omit<DialFileManagerProps, 'children'> {
-    children: ReactNode;
-    autoSelectUploadedItems?: boolean;
-}
-/**
- * Provider that encapsulates all File Manager business logic:
- * - path & navigation
- * - search (controlled + uncontrolled)
- * - hidden files toggle
- * - tree collapsed state
- * - selection
- * - clipboard (copy / cut / paste)
- * - delete confirmation state
- * - computed grid rows
- * - new actions
- *
- * @deprecated Import `FileManagerProvider` from `@epam/ai-dial-react-file-manager` instead.
- */
-export declare const FileManagerProvider: FC<FileManagerProviderProps>;

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

@@ -1,12 +0,0 @@
-import { FileManagerGridRow } from './FileManagerContext';
-import { DialFileAcceptType } from '../../models/file-manager';
-interface FileManagerTooltipProps {
-    disabledGridRowIds: Set<string>;
-    gridRows: FileManagerGridRow[];
-    getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
-    getRowDisabledTooltip: (row: FileManagerGridRow, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number) => string | undefined;
-    allowedFileTypes?: DialFileAcceptType[];
-    maxSelectableFileSize?: number;
-}
-export declare const FileManagerTooltip: ({ disabledGridRowIds, gridRows, getDisabledTooltip, getRowDisabledTooltip, allowedFileTypes, maxSelectableFileSize, }: FileManagerTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/FileManager/__mocks__/files.d.ts

@@ -1,3 +0,0 @@
-import { DialFile } from '../../../models/file';
-/** A reasonably broad tree + a very deep nested branch for stress-testing. */
-export declare const itemsMock: DialFile[];

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

@@ -1,90 +0,0 @@
-import { DialFile } from '../../../../models/file';
-import { DialFileManagerConflictActions, DialFileManagerConflictStrategies } from '../../../../types/file-manager';
-import { FC } from 'react';
-export interface FileConflictDecision {
-    file: DialFile;
-    action: DialFileManagerConflictActions;
-}
-export interface ConflictResolutionPopupProps {
-    open: boolean;
-    onClose: () => void;
-    onReplace: () => void;
-    onDuplicate: () => void;
-    onDecideForEach?: (decisions: FileConflictDecision[]) => void;
-    conflictingFiles: DialFile[];
-    singleFileTitle?: string;
-    multipleFilesTitle?: string;
-    message?: string;
-    actionLabels?: {
-        [DialFileManagerConflictActions.Replace]?: string;
-        [DialFileManagerConflictActions.Duplicate]?: string;
-        [DialFileManagerConflictActions.Cancel]?: string;
-    };
-    strategyLabels?: {
-        [DialFileManagerConflictStrategies.ReplaceAll]?: string;
-        [DialFileManagerConflictStrategies.DuplicateAll]?: string;
-        [DialFileManagerConflictStrategies.DecideForEach]?: string;
-    };
-    confirmLabel?: string;
-    cancelLabel?: string;
-    nameColumnLabel?: string;
-    actionColumnLabel?: string;
-}
-/**
- * ConflictResolutionPopup
- *
- * A popup dialog for resolving file name conflicts during copy or move operations.
- * Shows different UI based on number of conflicting files:
- * - Single file: Simple Replace/Duplicate choice with radio buttons
- * - Multiple files: Replace all / Duplicate all / Decide for each strategy with optional grid
- *
- * When "Decide for each" is selected, displays a grid with dropdown selectors for individual
- * file resolution (Replace/Duplicate/Cancel).
- *
- * @example
- * ```tsx
- * // Single file conflict
- * <ConflictResolutionPopup
- *   open={isOpen}
- *   onClose={handleClose}
- *   onReplace={handleReplace}
- *   onDuplicate={handleDuplicate}
- *   conflictingFiles={[file]}
- * />
- *
- * // Multiple files with custom labels
- * <ConflictResolutionPopup
- *   open={isOpen}
- *   onClose={handleClose}
- *   onReplace={handleReplaceAll}
- *   onDuplicate={handleDuplicateAll}
- *   onDecideForEach={handleDecisions}
- *   conflictingFiles={files}
- *   actionLabels={{
- *     [DialFileManagerConflictActions.Replace]: 'Overwrite',
- *     [DialFileManagerConflictActions.Duplicate]: 'Keep Both',
- *   }}
- *   strategyLabels={{
- *     [DialFileManagerConflictStrategies.ReplaceAll]: 'Overwrite All',
- *     [DialFileManagerConflictStrategies.DuplicateAll]: 'Keep All',
- *   }}
- * />
- * ```
- *
- * @param open - Whether the popup is visible
- * @param onClose - Callback fired when the popup is closed
- * @param onReplace - Callback fired when Replace/Replace All is confirmed
- * @param onDuplicate - Callback fired when Duplicate/Duplicate All is confirmed
- * @param [onDecideForEach] - Callback fired when individual decisions are confirmed; receives array of decisions
- * @param conflictingFiles - Array of files with name conflicts
- * @param [singleFileTitle="Replace Or Duplicate Item"] - Title for single file conflicts
- * @param [multipleFilesTitle="Replace Or Duplicate Items"] - Title for multiple file conflicts
- * @param [message] - Custom message (overrides default conflict description)
- * @param [actionLabels] - Custom labels for conflict actions (Replace/Duplicate/Cancel)
- * @param [strategyLabels] - Custom labels for conflict strategies (Replace all/Duplicate all/Decide for each)
- * @param [confirmLabel="Confirm"] - Label for the confirm button
- * @param [cancelLabel="Cancel"] - Label for the cancel button
- * @param [nameColumnLabel="Name"] - Label for the file name column in the grid
- * @param [actionColumnLabel="Action"] - Label for the action column in the grid
- */
-export declare const ConflictResolutionPopup: FC<ConflictResolutionPopupProps>;

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

@@ -1,73 +0,0 @@
-import { DialFileManagerProps } from '../../FileManager';
-import { FC, ReactNode } from 'react';
-import { DialNotificationProps } from '../../../Notification/Notification';
-export interface DestinationFolderPopupProps extends DialFileManagerProps {
-    onClose: () => void;
-    onConfirm?: () => void;
-    open: boolean;
-    setDestinationFolderPath?: (path?: string) => void;
-    destinationFolderPath?: string;
-    copyLabel?: string;
-    moveLabel?: string;
-    addFolderLabel?: string;
-    showHiddenFileSwitcher?: boolean;
-    showCreateFolderButton?: boolean;
-    hiddenFilesSwitcherLabel?: string;
-    mode?: 'copy' | 'move';
-    header?: ReactNode;
-    sourceFolder?: string;
-    disabledPathTooltip?: string;
-    collapsedFileTree?: boolean;
-    alertProps?: DialNotificationProps;
-    onFolderPopupPathChange?: (newPath?: string) => void;
-    processDestinationFolderPath?: (path: string) => string;
-    excludedPaths?: string[];
-}
-/**
- * DestinationFolderPopup
- * aliases: FolderSelector|PathChooser
- * Design system 1.0
- *
- * @deprecated Import `DialDestinationFolderPopup` from `@epam/ai-dial-react-file-manager` instead.
- *
- * A popup dialog for selecting a destination folder when copying or moving files.
- * Displays a File Manager interface with a footer containing action buttons and
- * a toggle for showing hidden files.
- *
- * @example
- * ```tsx
- * <DestinationFolderPopup
- *   open={isOpen}
- *   onClose={handleClose}
- *   onConfirm={handleConfirm}
- *   mode="copy"
- *   title="Copy 3 files"
- *   items={files}
- *   rootItem={rootFolder}
- *   path={currentPath}
- *   onPathChange={setCurrentPath}
- * />
- * ```
- *
- * @param open - Whether the popup is visible
- * @param onClose - Callback fired when the popup is closed
- * @param [onConfirm] - Callback fired when the confirm button is clicked
- * @param [mode=DestinationFolderMode.Copy] - Operation mode: 'copy' or 'move'
- * @param [copyLabel="Copy"] - Label for the copy button
- * @param [moveLabel="Move"] - Label for the move button
- * @param [addFolderLabel="Add folder"] - Label for the add folder button
- * @param [hiddenFilesSwitcherLabel="Show hidden files"] - Label for the hidden files toggle
- * @param [title] - Custom title for the popup header
- * @param items - Array of files to display in the File Manager
- * @param rootItem - Root folder item
- * @param path - Current path in the File Manager
- * @param onPathChange - Callback fired when the path changes
- * @param [sourceFolder] - The source folder path for move operations
- * @param [disabledPathTooltip="Unavailable for the original path. Please select another folder"] - Tooltip text when destination is disabled
- * @param [collapsedFileTree=false] - Whether the file tree should be initially collapsed
- * @param [processDestinationFolderPath] - Optional function to process the destination folder path before setting it
- * @param [excludedPaths] - Paths to hide from this popup's tree and grid (e.g. a root folder that shouldn't be a valid destination). Matching items and their subtree are excluded.
- *
- * @returns A React component for the destination folder selection popup
- */
-export declare const DialDestinationFolderPopup: FC<DestinationFolderPopupProps>;

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

@@ -1,63 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialFileNodeType } from '../../../../models/file';
-interface DialFileManagerItemSummaryCellProps {
-    id: string;
-    name: string;
-    nodeType: DialFileNodeType;
-    size?: number;
-    updatedAt?: string;
-    shared?: boolean;
-    dateLocale?: Intl.LocalesArgument;
-    dateOptions?: Intl.DateTimeFormatOptions;
-    sharedIndicatorClassName?: string;
-    hideTooltip?: boolean;
-    forbiddenSymbolsRegExp?: RegExp;
-    forbiddenSymbolsTooltip?: ReactNode;
-}
-/**
- * Renders file or folder details inside the File Manager list/grid item.
- *
- * Displays the item name with an icon (via `DialFileManagerItemName`),
- * followed by a small details row:
- *
- * - File size (e.g., `"15 KB"`)
- * - A separator dot
- * - Formatted update date (via `DialDateCellRenderer`)
- *
- * The component automatically determines whether to show a **file** or **folder**
- * icon based on `nodeType`.
- *
- * ### Example
- * ```tsx
- * <DialFileManagerItemSummaryCell
- *   id="42"
- *   name="Report.pdf"
- *   nodeType={DialFileNodeType.ITEM}
- *   size={225280}
- *   updatedAt="2025-07-20T00:00:00Z"
- *   dateLocale="en-US"
- *   dateOptions={{ timeZone: 'UTC' }}
- * />
- *
- * <DialFileManagerItemSummaryCell
- *   id="folder-1"
- *   name="Projects"
- *   nodeType={DialFileNodeType.FOLDER}
- *   updatedAt={undefined}
- * />
- * ```
- *
- * @param id - Unique identifier passed to `DialFileManagerItemName` as `elementId`.
- * @param name - File or folder display name.
- * @param nodeType - Determines whether the item renders as a **File** or **Folder**.
- * @param size - File size in bytes; formatted with {@link formatBytes}. Omit for folders.
- * @param updatedAt - Date or timestamp passed to `DialDateCellRenderer`. If invalid or missing, renders `"—"`.
- * @param dateLocale - Optional locale override for date formatting (e.g., `"fr-FR"`).
- * @param dateOptions - Optional `Intl.DateTimeFormat` configuration (e.g., `{ timeZone: 'UTC' }`).
- * @params sharedIndicatorClassName - Optional CSS classes for the shared indicator.
- * @param hideTooltip - If `true`, disables tooltips on the name and date, even if truncated.
- * @param forbiddenSymbolsRegExp - Optional RegExp to validate the name for forbidden symbols.
- * @param forbiddenSymbolsTooltip - Custom tooltip content when the name contains forbidden symbols; defaults to a standard message.
- */
-export declare const DialFileManagerItemSummaryCell: FC<DialFileManagerItemSummaryCellProps>;
-export {};

package/dist/src/components/FileManager/components/DialFileManagerItemSummaryCell/DialFileManagerItemSummaryCell.test.d.ts

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

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

@@ -1,56 +0,0 @@
-import { FC } from 'react';
-import { DropdownItem } from '../../../../models/dropdown';
-export interface DialActionDropdownItem extends DropdownItem {
-    title: string;
-    tooltip?: string;
-}
-export interface DialFileManagerBulkActionsToolbarProps {
-    getSelectionLabel: (selectedCount: number) => string;
-    onClearSelection: () => void;
-    actions: DialActionDropdownItem[];
-    selectedCount: number;
-}
-/**
- * A responsive toolbar component displayed when files or items are selected
- * in the file manager. It shows a label with the number or name of selected
- * items and provides contextual action buttons.
- *
- * On smaller screens or when there’s not enough horizontal space,
- * some action buttons are automatically moved into a dropdown menu.
- *
- * **Key Features:**
- * - Dynamically measures available container width to determine how many actions
- *   can fit inline.
- * - Uses a hidden measurement container to precisely calculate button widths.
- * - Automatically moves overflow actions into a "More" dropdown (`IconDotsVertical`).
- * - Responsive design with support for mobile layout via `useIsMobileScreen`.
- *
- * **Layout logic:**
- * - `measureRef`: hidden element used to measure the width of each button.
- * - `containerRef`: visible container where the toolbar is rendered.
- * - `leftSectionRef`: left section containing the "selected items" button.
- * - `visibleCount`: dynamically updated number of visible actions.
- * - Uses `ResizeObserver` + `requestAnimationFrame` to update layout on resize.
- *
- * @example
- * ```tsx
- * <DialFileManagerSelectionToolbar
- *   getSelectionLabel={(count) => `${count} files selected`}
- *   onClearSelection={() => console.log('Cleared')}
- *   actions={[
- *     { key: 'download', title: 'Download', icon: <IconDownload />, onClick: () => {} },
- *     { key: 'delete', title: 'Delete', icon: <IconTrash />, onClick: () => {} },
- *   ]}
- * />
- * ```
- *
- * @param {object} props
- * @param {() => string} props.getSelectionLabel - Function to get the label showing current selection status (e.g., "3 files selected").
- * @param {() => void} props.onClearSelection - Callback invoked when the clear selection button is clicked.
- * @param {DialActionDropdownItem[]} props.actions - List of available toolbar actions.
- *   Each action defines a title, icon, key, and optional click handler.
- * @param {number} [props.selectedCount] - Count of currently selected items.
- *
- * @returns {JSX.Element} A responsive toolbar that adjusts visible actions based on available width.
- */
-export declare const DialFileManagerBulkActionsToolbar: FC<DialFileManagerBulkActionsToolbarProps>;

package/dist/src/components/FileManager/components/FileManagerBulkActionsToolbar/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const ACTIONS_GAP = 12;
-export declare const MORE_BUTTON_WIDTH = 18;
-export declare const CONTAINER_PADDING = 8;

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

@@ -1,26 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialFile } from '../../../../models/file';
-export interface FileManagerDeleteConfirmationPopupProps {
-    open: boolean;
-    itemsToDelete: DialFile[];
-    onClose: () => void;
-    onConfirm: () => void;
-    cancelLabel?: string;
-    confirmLabel?: string;
-    titleRenderer?: (fileNames: string[]) => ReactNode;
-    contentRenderer?: (fileNames: string[]) => ReactNode;
-}
-/**
- * Confirmation popup for deleting files in FileManager.
- * Shows a list of files to be deleted with customizable title and content.
- *
- * @param open - Controls visibility of the popup
- * @param itemsToDelete - Array of files to be deleted
- * @param onClose - Callback when popup is closed
- * @param onConfirm - Callback when delete is confirmed
- * @param [cancelLabel='Cancel'] - Label for cancel button
- * @param [confirmLabel='Delete'] - Label for confirm button
- * @param [titleRenderer] - Custom title renderer function
- * @param [contentRenderer] - Custom content renderer function
- */
-export declare const FileManagerDeleteConfirmationPopup: FC<FileManagerDeleteConfirmationPopupProps>;

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

@@ -1,51 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialFileIconProps } from '../../../FileIcon/FileIcon';
-import { DialItemType } from '../../../../types/item';
-export interface DialFileManagerItemIconProps extends Omit<DialFileIconProps, 'extension'> {
-    type: DialItemType;
-    name: string;
-    shared?: boolean;
-    loading?: boolean;
-    sharedIndicatorClassName?: string;
-    sharedIndicatorTooltip?: ReactNode;
-    fileExtension?: string;
-}
-/**
- * Renders an icon representing either a file or folder entity in the Dial system.
- *
- * Displays:
- * - A file icon based on its extension (via `DialFileIcon`)
- * - A folder icon (via `IconFolder`)
- * - A loading spinner if `loading` is true
- * - A shared indicator if the entity is marked as shared
- *
- * @example
- * ```tsx
- * <DialFileManagerItemIcon
- *   name="document.pdf"
- *   type={DialItemType.File}
- *   shared
- * />
- *
- * <DialFileManagerItemIcon
- *   name="My Folder"
- *   type={DialItemType.Folder}
- *   loading
- * />
- * ```
- *
- * @param {Object} props
- * @param {string} props.name - The name of the file or folder (used to determine extension for files).
- * @param {DialItemType} props.type - The type of the item (`file` or `folder`).
- * @param {boolean} [props.shared=false] - Whether the item is shared.
- * @param {boolean} [props.loading=false] - Whether to display the loading state.
- * @param {number} [props.size] - Optional icon size override.
- * @param {number} [props.stroke] - Optional icon stroke width override.
- * @param {string} [props.className] - Optional CSS class for styling.
- * @param {boolean} [props.decorative] - Whether the icon is decorative (for accessibility).
- * @param {string} [props.label] - Accessible label for screen readers.
- * @param {ReactNode} [props.indicator] - Optional indicator to display over the icon.
- * @param {string} [props.sharedIndicatorClassName] - Optional CSS class for the shared indicator.
- * @param  [sharedIndicatorTooltip] - Custom tooltip content for the shared indicator; defaults to "Shared"
- */
-export declare const DialFileManagerItemIcon: FC<DialFileManagerItemIconProps>;

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

@@ -1,57 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialFileManagerItemNameInputProps } from '../FileManagerItemNameInput/FileManagerItemNameInput';
-import { DialItemType } from '../../../../types/item';
-export interface DialFileManagerItemNameProps extends DialFileManagerItemNameInputProps {
-    name: string;
-    type: DialItemType;
-    elementId: string;
-    editing?: boolean;
-    loading?: boolean;
-    creating?: boolean;
-    shared?: boolean;
-    details?: ReactNode;
-    sharedIndicatorTooltip?: ReactNode;
-    fileExtension?: string;
-    validate?: (value: string) => string | null;
-    onSave?: (value: string) => void;
-    onCancel?: () => void;
-    onCreateFolderSave?: (value: string) => void;
-    onCreateFolderCancel?: () => void;
-    hideTooltip?: boolean;
-    forbiddenSymbolsRegExp?: RegExp;
-    forbiddenSymbolsTooltip?: ReactNode;
-}
-/**
- * A component that renders a file or folder name with optional edit mode.
- *
- * When `editing` is `false`, it displays a read-only name via:
- * - `DialFolderName` for folders
- * - `DialFileName` for files
- *
- * When `editing` is `true`, it renders an editable input using `DialItemNameInput`,
- * driven by validation and change logic from the `useEditableItem` hook.
- *
- * @example
- * ```tsx
- * import { DialFileManagerItemName } from '@/components/DialFileManagerItemName/DialFileManagerItemName';
- * import { DialItemType } from '@/types/item';
- *
- * function Example() {
- *   return (
- *     <DialFileManagerItemName
- *       name="Project"
- *       type={DialItemType.Folder}
- *       elementId="folder-123"
- *       editing={true}
- *       validate={(value) => (value.trim() ? null : 'Name cannot be empty')}
- *       onSave={(newName) => console.log('Saved:', newName)}
- *       onCancel={() => console.log('Canceled')}
- *     />
- *   );
- * }
- * ```
- *
- * @param props - Component props.
- * @returns Rendered file or folder name element (editable or static).
- */
-export declare const DialFileManagerItemName: FC<DialFileManagerItemNameProps>;

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

@@ -1,71 +0,0 @@
-import { FC, ReactNode, Ref } from 'react';
-import { DialItemType } from '../../../../types/item';
-export interface DialFileManagerItemNameInputProps {
-    type: DialItemType;
-    name: string;
-    shared?: boolean;
-    loading?: boolean;
-    elementId: string;
-    iconSize?: number;
-    iconStroke?: number;
-    iconClassName?: string;
-    iconLabel?: string;
-    iconIndicator?: ReactNode;
-    inputInvalid?: boolean;
-    inputInvalidMessage?: string;
-    inputContainerClassName?: string;
-    inputIconAfter?: ReactNode;
-    inputRef?: Ref<HTMLInputElement>;
-    onChange?: (value?: string) => void;
-    sharedIndicatorClassName?: string;
-    sharedIndicatorTooltip?: ReactNode;
-    fileExtension?: string;
-}
-/**
- * Combines a file/folder icon with an editable text input.
- *
- * Used for renaming or labeling file/folder entities within the File Manager.
- * Displays:
- * - The item icon (with optional loading/shared state)
- * - An inline text input
- * - A validation tooltip when `inputInvalid` is `true`
- *
- * @example
- * ```tsx
- * <DialFileManagerItemNameInput
- *   type={DialItemType.File}
- *   name="report.pdf"
- *   elementId="file-input-1"
- *   shared
- *   onChange={(value) => console.log('New name:', value)}
- * />
- *
- * <DialFileManagerItemNameInput
- *   type={DialItemType.Folder}
- *   name="Project A"
- *   elementId="folder-input-2"
- *   inputInvalid
- *   inputInvalidMessage="Invalid name"
- * />
- * ```
- *
- * @param {Object} props
- * @param {DialItemType} props.type - The type of item (file or folder).
- * @param {string} props.name - Current name of the entity.
- * @param {string} props.elementId - Unique ID for the input element.
- * @param {boolean} [props.shared=false] - Whether the entity is shared.
- * @param {boolean} [props.loading=false] - Whether the icon is loading.
- * @param {number} [props.iconSize] - Optional size override for the icon.
- * @param {number} [props.iconStroke] - Optional stroke width override for the icon.
- * @param {string} [props.iconClassName] - Optional CSS class for the icon.
- * @param {string} [props.iconLabel] - Optional accessible label for the icon.
- * @param {ReactNode} [props.iconIndicator] - Optional indicator to render over the icon.
- * @param {boolean} [props.inputInvalid=false] - Marks the input as invalid.
- * @param {string} [props.inputInvalidMessage] - Tooltip message shown when invalid.
- * @param {ReactNode} [props.inputIconAfter] - Optional icon shown after the input (defaults to an error icon).
- * @param {string} [props.inputContainerClassName] - Additional CSS classes applied to the input container.
- * @param {Ref<HTMLInputElement>} [props.inputRef] - Ref to access the underlying input element.
- * @param {(value: string) => void} [props.onChange] - Callback fired when input value changes.
- * @param {string} [props.sharedIndicatorClassName] - Additional CSS classes for the shared indicator.
- */
-export declare const DialFileManagerItemNameInput: FC<DialFileManagerItemNameInputProps>;

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

@@ -1,64 +0,0 @@
-import { FC } from 'react';
-import { DialBreadcrumbProps } from '../../../Breadcrumb/Breadcrumb';
-import { DialSearchProps } from '../../../Search/Search';
-export interface DialFileManagerNavigationPanelProps extends Omit<DialBreadcrumbProps, 'pathItems' | 'children' | 'className' | 'separator'>, Omit<DialSearchProps, 'onChange' | 'elementId' | 'value' | 'className' | 'containerClassName' | 'placeholder' | 'size'> {
-    path?: string;
-    makeHref?: (segments: string[], index: number) => string | undefined;
-    className?: string;
-    breadcrumbClassName?: string;
-    onItemClick?: (href?: string) => void;
-    rootItemPath?: string;
-    rootItemLabel?: string;
-    breadcrumbsHiddenPathPart?: string;
-    searchable?: boolean;
-    value?: string | number | null;
-    elementId?: string;
-    onSearchChange?: (value: string) => void;
-    searchClassName?: string;
-    searchContainerClassName?: string;
-    isCompactView?: boolean;
-}
-/**
- * FileManagerNavigationPanel
- *
- * A navigation header for the File Manager that displays a breadcrumb trail on the left
- * and an optional, controlled Search on the right.
- *
- * Uses the shared {@link DialBreadcrumb} for navigation and the shared {@link DialSearch}
- * for the controlled search input.
- *
- * @example
- * ```tsx
- * <FileManagerNavigationPanel
- *   path="Organization/Folder 4"
- *   searchable
- *   elementId="file-manager-search"
- *   value={query}
- *   onSearchChange={(val) => setQuery(val)}
- * />
- *
- * // With clickable parents
- * <FileManagerNavigationPanel
- *   path="Org/Design/Assets"
- *   makeHref={(segments, i) => '#' + segments.slice(0, i + 1).join('/')}
- * />
- * ```
- *
- * @param [ariaLabel="Breadcrumb"] - Aria label for the breadcrumb `<nav>`
- * @param [labelClassName] - Extra classes for breadcrumb titles
- * @param [path] - A full path string that will be split into breadcrumb items
- * @param [makeHref] - Factory to create hrefs for segments
- * @param [onItemClick] - Callback fired when a breadcrumb item is clicked
- * @param [className] - Additional classes for the panel container
- * @param [breadcrumbClassName] - ClassName forwarded to inner `DialBreadcrumb`
- * @param [breadcrumbsHiddenPathPart] - A slash-separated path fragment whose segments will be omitted from the rendered breadcrumb trail.
- * @param [searchable=true] - Whether to render the search control
- * @param [value] - Controlled value for the search input (parent-managed)
- * @param [elementId="file-manager-search"] - DOM id for the internal DialSearch input
- * @param [size=ElementSize.Standard] - Size of the search input (from DialSearchProps)
- * @param [onSearchChange] - Callback fired when the search value changes
- * @param [searchClassName] - Extra classes for the search input element
- * @param [searchContainerClassName] - Extra classes for the search container
- * @param [isCompactView=false] - Whether the component should render in compact mode
- */
-export declare const DialFileManagerNavigationPanel: FC<DialFileManagerNavigationPanelProps>;

package/dist/src/components/FileManager/components/FileManagerNavigationPanel/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const panelBaseClassName = "w-full flex items-center justify-between gap-4";
-export declare const breadcrumbContainerClassName = "min-w-0 h-[38px] flex-1 overflow-hidden bg-layer-3 px-3 flex items-center rounded";
-export declare const searchContainerWrapperClassName = "w-[260px]";