Skip to content

0.4.0

Choose a tag to compare

@github-actions github-actions released this 04 Nov 18:56
· 2 commits to development since this release

Features

  • [Breaking] styles.css is built with Tailwind CSS v4 and sits in the kit's ui.base / ui.utilities cascade layers instead of being unlayered — a host's unlayered CSS and the kit's dial-* classes now win over a file-manager utility that sets the same property (!-prefixed classes still win), and hover: applies only on hover-capable devices; class names, theme tokens and props are unchanged, so migrate by re-checking host overrides that relied on the old cascade order and following the kit's Tailwind v4 migration guide for the preflight differences (#71, #72)
  • [Breaking] Peer dependency @epam/ai-dial-ui-kit raised from ^0.15.0 to ^0.16.0 — consumers must install the stable 0.16 kit and keep loading its styles.css alongside this package's (hosts on a 0.16.0-dev build move to 0.16.0); this release relies on its Tailwind v4 layers, the FileName icon prop and its Dropdown accessibility fixes (#71, #76, #87, #92, #95, 02c3684, 419ba31)
  • DialFoldersTree follows the 2.0 tree item — clicking the caret only expands or collapses a folder, clicking a row selects it and expands it when closed but never collapses it, and the caret gets its own 20px hover tint; selectOnCaretClick now defaults to false in both DialFoldersTree and DialFileManager, so pass true to keep the old caret-selects behaviour (#76)
  • getItemActionRestriction added to DialFileManager — (file, action) => string | undefined disables Move, Download, Rename or Delete for individual items (for example a folder that must keep its path) in the grid menu, tree menu and bulk actions bar, showing the returned reason beside the action (#88, #91)
  • Custom item icons — DialFoldersTree.getItemIcon, treeOptions.getItemIcon and gridOptions.getItemIcon replace a row's type icon in the tree, the grid and the compact list, for example to mark a special folder; return undefined to keep the default (#87, #88)
  • toolbarOptions.additionalButtons exposed — host controls render in the header toolbar before the Add button, and before the Sort menu in the compact view (#77)
  • hideHiddenFilesLabel added to DialDestinationFolderPopup and destinationFolderPopupOptions — the Copy/Move popup's hidden-files toggle switches to it (default "Hide hidden files") while hidden files are shown, matching the main toolbar and making the label localizable (#84)

Fixes

  • Upload rejections are no longer silent — an oversized or unsupported file, a dropped folder or a failed onValidateUpload now shows a dismissible error notification above the grid unless the host handles the new onUploadValidationError callback (exported with the FileUploadValidation* types), and only the oversized files in a selection are rejected instead of the whole batch (#83)
  • Row "more" menu buttons in the grid and DialFoldersTree now have an accessible name — set through the new gridOptions.rowActionsLabel and contextMenuButtonLabel (also via treeOptions), both defaulting to "More actions"; tree rows with no menu items no longer announce aria-haspopup="menu" (#92)
  • Move can no longer nest a folder inside itself — the destination popup and the phone sheet disable Move when the target is a moved folder or one of its subfolders, with a tooltip set by the new destinationFolderPopupOptions.movedIntoItselfTooltip (#74)
  • Cmd/Ctrl+A, C, V, X and Z in the inline rename and new-folder inputs act on the input text instead of reaching AG Grid, which selected every row (#73)
  • Creating a folder with a dot-prefixed name runs the duplicate-name check and onCreateFolderValidate before the hidden-item warning — reserved names such as .dial_folder can no longer be confirmed, matching the rename fix from 0.3.1 (#90)
  • treeOptions.header is drawn above the compact navigation card — a host's title no longer vanishes when the manager collapses to one column; header: null still hides it (#78)
  • DialFoldersTree file rows keep a caret-width slot with showFiles — file and folder icons on the same level now line up (#75)
  • Section chips are semibold in every state, and tree rows and the grid name cell's shared indicator use the same subtle hover and selected backgrounds as the grid rows (#76)
  • Shadow tokens match the design and the kit — shadow-sm / shadow-md are two-layer, shadow-xs is a single centred glow and shadow-lg takes the design's values; a theme that set --shadow-xs-2 should note that it is no longer read (#76, d92237a)

Other