@epam/ai-dial-ui-kit 0.7.0-rc.8 → 0.7.0

package/dist/src/index.d.ts

@@ -8,6 +8,7 @@ export { DialSteps } from './components/Steps/Steps';
 export { DialRadioButton } from './components/RadioButton/RadioButton';
 export { DialRadioGroup } from './components/RadioGroup/RadioGroup';
 export { DialNoDataContent } from './components/NoDataContent/NoDataContent';
+export type { DialNoDataContentProps } from './components/NoDataContent/NoDataContent';
 export { DialCollapsibleSidebar } from './components/CollapsibleSidebar/CollapsibleSidebar';
 export { DialLabelledText } from './components/LabelledText/LabelledText';
 export { DialTag } from './components/Tag/Tag';
@@ -47,11 +48,11 @@ export { DialPasswordInputField } from './components/PasswordInput/PasswordInput
 export { DialPasswordInput } from './components/PasswordInput/PasswordInput';
 export { DialSearch } from './components/Search/Search';
 export { DialInputPopup } from './components/InputPopup/InputPopup';
-export { DialAutocompleteInput } from './components/AutocompleteInput/AutocompleteInput';
 export { DialAutocompleteInputValue } from './components/AutocompleteInput/AutocompleteInputValue';
 export { DialTagInput } from './components/TagInput/TagInput';
 export { DialSelect } from './components/Select/Select';
 export { DialSelectField } from './components/SelectField/SelectField';
+export { DialLoadFileArea } from './components/LoadFileArea/LoadFileArea';
 export { DialLoadFileAreaField } from './components/LoadFileArea/LoadFileAreaField';
 export { DialDropdown } from './components/Dropdown/Dropdown';
 export { DialButtonDropdown } from './components/ButtonDropdown/ButtonDropdown';
@@ -90,4 +91,5 @@ export { DialFileNodeType, DialFilePermission, DialFileResourceType, } from './m
 export { type DialCopiedItem, type DialDeletedItem, type DialUploadFileItem, type DialFileManagerActionsRef, type DialFileAcceptType, } from './models/file-manager';
 export { GridSelectionMode } from './models/selection-mode';
 export { mergeClasses } from './utils/merge-classes';
+export { wrapInRootFolder } from './utils/flat-to-hierarchy-convertor.ts';
 export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';

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

@@ -3,4 +3,5 @@ export interface RadioButtonWithContent {
     id: string;
     name: string;
     content?: ReactNode;
+    caption?: ReactNode;
 }

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

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

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

@@ -3,5 +3,6 @@ export interface TabModel {
     id: string;
     label: ReactNode;
     invalid?: boolean;
+    warning?: boolean;
     disabled?: boolean;
 }

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

@@ -13,7 +13,9 @@ export declare enum DialFileManagerActions {
     Delete = "delete",
     Rename = "rename",
     Info = "info",
-    Unshare = "unshare"
+    Unshare = "unshare",
+    ManagePermissions = "managePermissions",
+    Preview = "preview"
 }
 export declare enum DialFileManagerConflictActions {
     Replace = "replace",

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

@@ -0,0 +1 @@
+export declare function debounceFn<T extends (...args: any[]) => void>(fn: T, delay: number): (...args: Parameters<T>) => void;

package/dist/src/utils/flat-to-hierarchy-convertor.d.ts

@@ -0,0 +1,45 @@
+import { DialFile } from '../models/file.ts';
+interface FlatFileItem {
+    name: string;
+    parentPath?: string | null;
+    bucket?: string;
+    url?: string;
+    path?: string;
+    nodeType: string;
+    resourceType?: string;
+    updatedAt?: number;
+    items?: unknown;
+    contentLength?: number;
+    contentType?: string;
+}
+export declare const DEFAULT_CONTENT_TYPE = "application/octet-stream";
+/**
+ * Converts a flat list of file items into a hierarchical DialFile structure.
+ * Handles both `url` and `path` fields, properly decodes URL-encoded paths.
+ *
+ * @example
+ * ```ts
+ * const flat = [
+ *   { name: 'public', path: 'prompts/public/', nodeType: 'FOLDER', parentPath: '' },
+ *   { name: 'AI-Assisted Engineering', url: 'prompts/public/AI-Assisted%20Engineering/', nodeType: 'FOLDER', parentPath: null }
+ * ];
+ * const hierarchical = convertFlatToHierarchical(flat);
+ * ```
+ */
+export declare function convertFlatToHierarchical(flatItems: FlatFileItem[], rootFolderId: string): DialFile[];
+/**
+ * Helper to create a root folder wrapping flat items.
+ * Useful when you want the entire tree to be nested under a single root.
+ *
+ * @example
+ * ```ts
+ * const wrapped = wrapInRootFolder(
+ *   prompts,
+ *   'Prompts',
+ *   'prompts/public/',
+ *   'prompts-root'
+ * );
+ * ```
+ */
+export declare function wrapInRootFolder(flatItems: FlatFileItem[], rootName?: string, rootPath?: string, rootFolderId?: string): DialFile[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.7.0-rc.8",
+  "version": "0.7.0",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",

package/dist/src/components/AutocompleteInput/AutocompleteInput.d.ts

@@ -1,35 +0,0 @@
-import { FC } from 'react';
-import { DialAutocompleteInputValueProps } from './AutocompleteInputValue';
-export interface DialAutocompleteInputProps extends DialAutocompleteInputValueProps {
-    containerClassName?: string;
-    inputClassName?: string;
-    onChange: (items: string[]) => void;
-}
-/**
- * A component that provides an interactive input field with autocomplete functionality. Users can
- * add items to a list by typing and pressing "Enter" or remove items using "Backspace" or "Delete"
- * when the input is empty. The component supports customizable styling for the container, input,
- * and list elements.
- *
- * @example
- * ```tsx
- * <DialAutocompleteInput
- *   placeholder="Type to add items"
- *   selectedItems={['Item 1', 'Item 2']}
- *   onChange={(items) => console.log(items)}
- *   containerClassName="custom-container-class"
- *   inputClassName="custom-input-class"
- *   listClassName="custom-list-class"
- *   listElementClassName="custom-item-class"
- * />
- * ```
- *
- * @param [placeholder] - The placeholder text displayed in the input field when no items are selected.
- * @param [selectedItems=[]] - An array of strings representing the currently selected items.
- * @param onChange - A callback function that updates the list of selected items. Called when items are added or removed.
- * @param [listClassName] - Additional CSS classes applied to the `<ul>` element containing the list of selected items.
- * @param [listElementClassName] - Additional CSS classes applied to each `<li>` element representing an individual selected item.
- * @param [containerClassName] - Additional CSS classes applied to the container `<div>` element wrapping the input and list.
- * @param [inputClassName] - Additional CSS classes applied to the `<input>` element.
- */
-export declare const DialAutocompleteInput: FC<DialAutocompleteInputProps>;

package/dist/src/components/Grid/hooks/use-grid-selection.d.ts

@@ -1,16 +0,0 @@
-export interface UseGridSelectionProps<T extends object> {
-    selectedRowIds?: Set<string>;
-    selectedRows?: Map<string, T>;
-    onSelectionChange?: (selectedRowIds: Set<string>, selectedRows: T[]) => void;
-    onSelectionChangeWithMap?: (selectedRows: Map<string, T>) => void;
-    rowData?: T[];
-    getRowId: (row: T) => string;
-    disabledRowIds?: Set<string>;
-}
-export declare const useGridSelection: <T extends object>({ selectedRowIds, selectedRows, onSelectionChange, onSelectionChangeWithMap, rowData, getRowId, disabledRowIds, }: UseGridSelectionProps<T>) => {
-    currentSelectedIds: Set<string>;
-    currentSelectedRows: Map<string, T>;
-    handleSelectionToggle: (row: T, checked: boolean, isSingleSelect?: boolean) => void;
-    headerCheckboxState: string;
-    handleHeaderCheckboxChange: (checked?: boolean) => void;
-};