Skip to content

Releases: epam/ai-dial-ui-kit

0.7.0

24 Feb 10:30
4260f8b

Choose a tag to compare

BREAKING CHANGES

  • remove DialAutocompleteInput (#480)
  • rename Grid Selection fields GridSelectionMode.RADIO_BUTTON to GridSelectionMode.SINGLE and GridSelectionMode.CHECKBOX to GridSelectionMode.MULTIPLE (#477)

Features

  • Support Button focus state (#481)
  • [File Manager] Add Preview action (#504)
  • [Icon Button] Add new components for only Icon button (Issue #455, #452) (#456)
  • [Tabs] added warning tab (#508)
  • [File Manager] added preview extensions (Issue #1105) (#506)
  • add MarkdownEditor component with Json switcher (#459)
  • add custom breakpointref to file manager (#513)
  • add showFiles option to gridOptions in FileManagerProvider (#461)
  • add showFolders option to gridOptions and filter folders in provider (#469)
  • correct Remove Button for Load Area (#493)
  • remove manage permition context menu item for context menu (Issue #1105) (#495)
  • show icon for the file without extension (#476)

Fixes

  • 'Key' field that is used as password type causes passwords to be saved in the browser (#471)
  • Button - correct font-weight (#474)
  • DialCollapsibleSidebar footer buttons and common scroll view (#498)
  • DialIconButton paddings and icon size (#512)
  • File Manager menu with 1 element (#499)
  • Fix issue with scroll in Tabs (#482)
  • Grid checkbox colors (#487)
  • Icon Button add tooltip props (#470)
  • [Export Config] Automatic left scroll not triggered for tab navigation (Issue #1961) (#518)
  • [LoadFileArea] Added max file size option (#500)
  • [TagInput] discarding control changes not revert initial values (#479)
  • [Tag] remove redundant padding (#509)
  • add check for column dependency (#507)
  • add check for label props for DialLabelledText
  • add padding for file tree chevron (#460)
  • add scroll for selected grid row (#520)
  • add selection mode to file manager control selection (#478)
  • change grid api selection (#473)
  • close button size (#475)
  • file manager default button (#486)
  • header checkbox selection style (#490)
  • load area remove buttons (#497)
  • update artifact naming for Storybook deployment (#494)

Other

  • update color tokens (#515)
  • add aria description for grid checkbox (#492)
  • add controlled tree expansion functionality to FileManager stories (#503)
  • bump @isaacs/brace-expansion from 5.0.0 to 5.0.1 (#505)
  • restricts permissions for each workflow (#521)
  • update @floating-ui/react and @tabler/icons-react (#454)
  • feat(file-manager): Support File Manager for Files page (Issue #1105) (#484)
  • feat(radio): add caption to radion button and radion group components (#519)
  • feat(switch): add caption for switch description (#514)
  • feat(tab): Revert allow to render extra details in Tab component (#468)
  • feat(tab): allow to render extra details in Tab component (#467)
  • fix(icon-button): fix disabled Primary · Ghost variant of IconButton icon highlighted on hover (#523)

0.6.2

24 Feb 10:07
474ae5c

Choose a tag to compare

Fixes

  • added correct autocomplete for password inputs (#472)

0.6.1

28 Jan 10:20
edbb490

Choose a tag to compare

Fixes

  • [DialTagInput] missed caption and onBlur handle (#466)

0.6.0

27 Jan 10:27

Choose a tag to compare

IMPORTANT

Requires ai-dial-chat-themes v0.13.0+

BREAKING CHANGES

  • rename title property to label or header (#339)
  • rename DestinationFolderPopup to DialDestinationFolderPopup and update imports (#439)
  • Add styles and wrappers for DialButton to align with the Dial design system. (#359)

Features

  • Add Leave Guard to Breadcrumb (#446)
  • Add more styling options for Tabs (#376)
  • Add possibility to control open state for Select (#404)
  • Extract existing columns to reusable constants (#431)
  • add alert support to DialDestinationFolderPopup component (#444)
  • add configurable empty state view for FileManager component (#355)
  • add custom spin animation to Tailwind configuration (#389)
  • add max file size validation for the 'isRowDisabled' state (#408)
  • add onClearSelection callback to useBulkActions and invoke it after unsharing files (#453)
  • add permission check for delete action in file manager (#405)
  • add radiobuttons selection mode to grid (#448)
  • add sharedWithMeIds prop to FileManager components for unshare functionality (#416)
  • add sourceFolder and disabledPathTooltip to DestinationFolderPopup for improved user feedback (#350)
  • add tests for onClick handler and rest props in DialBreadcrumbItem (#347)
  • add tooltip for disabled new button and enhance isNewButtonDisabled logic (#435)
  • allow disabling new button in file-manager toolbar (Issue #114) (#397)
  • allow disabling upload functionality (Issue #114) (#399)
  • allow hide close button in Popup component (#362)
  • allow keyboard caret moves in edited grid name cell. add columns hook for file-manager (#418)
  • allow to hide part of path in breadcrumbs inside navigation panel (#374)
  • disable and hide delete option when no write permission (#372)
  • disable new button based on current-folder permissions (#429)
  • disable tooltip for edited inputs in file-manager (#415)
  • enhance DialErrorText component with className and aria-label props for better styling and accessibility (#346)
  • enhance breadcrumb navigation with hidden path segments (#379)
  • improve initial tab handling in useDialFileManagerTabs hook (#420)
  • proper hover logic for shared indicator. tabler icon (#407)
  • show grid row actions button on hover (#412)
  • support controlled mode for items selection in file-manager (Issue #114) (#342)
  • support file manager grid api (#451)
  • support unshare for bulk operations (Issue #114) (#365)
  • update tailwind config - add new colors for buttons (#356, #357)

Fixes

  • jsdoc for ConfirmationPopup (#344)
  • Add missing left paddings in multiselect (#366)
  • Fix 'button inside button' error, Issue #368 (#403)
  • Fix file tree list sidebar collapse setting (#410)
  • Fix spacing between selected text and it's label in Select (#400)
  • Fix textarea having black outline on focus (#450)
  • [Autocomplete Input] Disable Autocomplete (Issue #1708) (#441)
  • add border to footer in ConflictResolutionPopup for better separation (#406)
  • add currentFolder prop to useFileUpload for permission-based upload handling (#433)
  • add long name file example and update display message styling in ConflictResolutionPopup (#398)
  • added className param for labelledText component (#390)
  • adjust conflicts resolution popup width for single and multiple files modes (Issue #114) (#363)
  • adjust font for breadcrumbs and collapsed folders-tree (#414)
  • assign another id for search input in destination folder file manager (#367)
  • clear search on tab change in file manager (#411)
  • custom icon for shared indicator. change grid rows colors. (#394)
  • enhance file manager to support sourceFolder tracking in clipboard operations (#421)
  • enhance useFileSearch to clear search state on path change (#351)
  • file tree options context menu items list (#424)
  • filter out actions column from grid options in DestinationFolderPopup (#402)
  • pass items directly to DialDropdown in DialButtonDropdown (#385)
  • prevent empty state rendering during file loading in DialFileManagerView (#381)
  • remove important and revive scss scanning (#370)
  • remove redundant fixed height for the Link button. (#391)
  • remove unnecessary event handling for hidden files toggle (#442)
  • resolve hydration mismatch in DialTabs component (#395)
  • return '0 bytes' for empty byte values (#383)
  • set bg color for destination folder popup (#438)
  • set destination popup header/footer bg color (#445)
  • show only invalid tooltip when input is invalid (#371)
  • simplify file acceptance check in isFileAccepted function (#440)
  • simplify file name display in FileMetadataPopup (#341)
  • spread node properties in FileManagerProvider for consistent data structure (#436)
  • support folder name with dots in name conflict resolution logic (#413)
  • sync expanded paths in control mode (Issue #114) (#364)
  • update border color in ConflictResolutionPopup footer for improved visibility (#427)
  • update file manager background color to bg-layer-1 (#392)
  • update path display in DialFileManagerView to replace root item path with label (#422)
  • update size type to number and format display in summary cell (#443)
  • update treeOptions in DestinationFolderPopup to allow expanded paths and customizable header (#437)

Other

  • add controlled selection functionality to DialFileManager story (#447)
  • add storie with custom columns to FileManager with type and modified date display (#426)
  • add toolbar options for new actions in FileManager stories (#425)
  • bumn lodash
  • bump dependabot/fetch-metadata from 2.4.0 to 2.5.0 in the github-actions group (#377)
  • bump peter-evans/slash-command-dispatch from 5.0.1 to 5.0.2 in the github-actions group (#373)
  • bump storybook from 10.1.6 to 10.1.10 (#354)
  • enhance Button stories with additional variants and wrappers for improved demonstration (#432)
  • remove unused grid properties and constants for cleaner code (#349)
  • remove unused selection change test from DialGrid specs (#360)
  • rename updateSelected to onChange for DialAutocompleteInput (#353)
  • update DialButton tests (#345)
  • update onChange handlers to handle null values in form components (#401)

0.5.0

17 Dec 09:40
8b558d7

Choose a tag to compare

BREAKING CHANGES

  • rename cssClass -> className (#258)

Features

  • Add type props to DialButton (#232)
  • Add tiny semibold typography class (#244)
  • Refactor FileManager bulk actions and selection handling (#220)
  • [Alert] add icon size and stroke properties (#307)
  • add DialSkeleton component with variants and avatar support (#314)
  • add FileManagerColumnKey enum and implement custom visible columns in FileManager stories (#300)
  • add FileMetadataPopup component and integrate metadata handling in FileManager (#316)
  • add Owner column to FileManager and update related interfaces (#321)
  • add QA attributes for e2e tests (#327)
  • add disabled property to the DialCloseButton (Issue #249) (#276)
  • add accept prop to FileManager and support disabled rows in Grid (Issue #114) (#336)
  • add dismissRef for closing Select (#225)
  • add drag-and-drop file upload support in file manager (#224)
  • add folder creation functionality with validation in FileManager (#241)
  • add getDisplayName function for file renaming and update related handlers (#292)
  • add loadedPaths into FoldersTree (Issue #114) (#289)
  • add loading state support to FileManager and Grid components (#216)
  • add loading state to destination folder popup options in DialFileManagerView (#217)
  • add onBlur event handling to DialSearch component and update related stories (#324)
  • add role attribute to small screen container for accessibility (#287)
  • add support for custom headers in copy and move modes (#285)
  • add support for uploading archive file (#247)
  • add tests and stories for decoding URI encoded paths in FileMetadataPopup (#337)
  • add unshare action to FileManager with corresponding icon and context menu integration (#322)
  • add useExpandedPaths hook for managing folder expansion state in FileTree (#230)
  • adjust rename input height (Issue #114) (#284)
  • allow to override makeHref for navigation-panel (Issue #114) (#280)
  • call onMoveToFiles on item rename saving (Issue #114) (#210)
  • change Select elements id (#237)
  • disable collapse-all button whe there is no any expanded-path (Issue #114) (#294)
  • enhance destination folder popup with dynamic copy/move headers (#290)
  • hide selection column in destination folder popup (Issue #114) (#301)
  • implement compact grid view and integrate it into file-manager (Issue #114) (#270)
  • implement conflict resolution for file operations (#263)
  • implement conflict resolution for file uploads with handling options (#308)
  • implement copy and move actions in file manager component (#212)
  • implement creating new folder in destination popup (Issue #114) (#317)
  • implement grid context menu (#222)
  • implement horizontal-resizable-container and apply to folders-tree (Issue #114) (#259)
  • implement local and callback search functionality in FileManager (#331)
  • implement upload files dialog in DialFileManager (#235)
  • more css and dismiss customization for popup component (Issue #114) (#330)
  • pass root item label to the folders-tree and forbid context menu for this element (Issue #114) (#297)
  • set fixed height for DestinationFolderPopup (Issue #114) (#291)
  • stop scrolling FoldersTree. adjust styles of ResizableContainer (Issue #114) (#293)
  • streamline item renaming logic and update related hooks (#275)
  • support sharedByMe markers in FileManager's Grid and FoldersTree (Issue #114) (#323)
  • update bulk actions toolbar to use dynamic selection label function (#288)
  • update tabs and dropdown styles (#223)

Fixes

  • TabModel usage in useDialFileManagerTabs (#260)
  • add custom select value and improve inline search (#228)
  • add onDeleteSuccess callback to useFileDelete for improved deletion handling (#264)
  • add path and onPathChange props to DialFileManagerView component (#309)
  • add rename validation messages for improved user feedback during renaming (#265)
  • add success callbacks for file operations in FileManagerProviderand hooks (#269)
  • added tooltip for labelled text, disable text color for switch (#335)
  • adjust checkbox styles for no-label case (Issue #114) (#286)
  • change Enter key behavior to blur input instead of saving (#240)
  • close menu opened by context-menu trigger on click (#218)
  • correct height value in panelBaseClassName constant (#315)
  • correct rowBorder property to use the correct variable for styling (#296)
  • correctly handle renaming triggered from tree and grid (Issue #114) (#302)
  • enlarge file manager items icon size 18->20 (Issue #114) (#219)
  • fixed autocomplete select to correctly handle empty state (#295)
  • improve file input handling in useFileUpload hook (#242)
  • increase tab height from 32px to 38px for better visibility (#229)
  • remove pointer-events-none from the DialButton in the disabled state. (#266)
  • remove empty placeholders from grid cells (#304)
  • remove mdx stories from Storybook configuration (#318)
  • remove onRefresh prop and related functionality from DialFileManagerToolbar (#213)
  • remove regex from changeLastPathSegment in useItemRenaming (#320)
  • remove tailwind base layer from ui-kit build (#238)
  • removed autocomplete, added space support (#332)
  • removed hover for disabled input (#333)
  • rename title prop to label in DialButtonDropdown for consistency (#278)
  • skip grid cell click if cell in edit or create folder mode (Issue #114) (#299)
  • update class names for improved styling consistency in FoldersTree component (#268)
  • use item's folderId as source when moving items (Issue #114) (#311)

Other

  • allow to use ReactNode in label/title (#340)
  • bump storybook from 10.0.0 to 10.1.6 (#319)
  • bump glob from 10.4.5 to 10.5.0 (#215)
  • enhance DialAlert component with accessibility attributes and dynamic behavior examples (#329)
  • enhance DialGrid mock implementation and improve test reliability (#243)
  • refactor properties for DialButton (Issue #249) (#246)
  • replace test IDs with roles and aria-labels in Button, FileManager, FormItem, InputField, Skeleton, and Tag components (Issue #257) (#334)
  • simplify props passing to FileManagerDeleteConfirmationPopup component (#310)
  • simplify ref handling in DialTooltipTrigger component (#305)

0.4.0

19 Nov 12:21
e12dcad

Choose a tag to compare

Features

  • Add description for select value (#152, #199)
  • Add placeholder and invalid attributes to InputPopup (#159)
  • Add root folder support to FileManager components (#200)
  • Implement file clipboard functionality with copy, cut, and paste actions (#162)
  • Update CollapsibleSidebar and FileManager constants for improved layout and default values (Issue #157) (#158)
  • add DialDateCellRenderer for formatted date display in grid (#143)
  • add DialFileManagerToolbar component with story and tests (Issue #114) (#139)
  • add FileManagerSelectionToolbar component with stories and tests (Issue #114) (#144)
  • add IntersectionObserver to manage tooltip visibility based on element intersection (#187)
  • add allowClear prop to DialSearch component (#193)
  • add bulk actions toolbar to FileManager with selection handling and responsive design (#161)
  • add controlled behavior to DialCollapsibleSidebar with onToggle prop (#146)
  • add delete functionality with confirmation dialog in FileManager (#204)
  • add download functionality to FileManager (#207)
  • add empty state to grid (Issue #168) (#169)
  • add footer and header for Select (#174)
  • add headerStyle and suppressDragLeaveHidesColumns options to DialGrid (#182)
  • add inline search select functionality (#194)
  • add prefix for Select (#164)
  • add size and variant for Select (#173)
  • added dropdown close on footer click, if provided (#209)
  • close Dropdown when it scrolled out (Issue #114) (#171)
  • enhance DialBreadcrumb with dropdown for overflow items and update styles (#186)
  • enhance FileManager functionality with source and destination folder support for file operations (#206)
  • enhance file clipboard functionality with resolved item handling and conflict resolution (#176)
  • enhance paste functionality to support overwrite option and improve file handling (#189)
  • implement DialFileManager component with navigation and grid features (#140)
  • implement controlled collapse functionality for FileManager component (#190)
  • implement hooks for managing hidden files visibility and tree collapse state (#156)
  • implement tabbed navigation in DialFileManager with toolbar options (#141)
  • implement useCurrentPath hook for managing current path state (#181)
  • improve scroll logic in FolderTree (Issue #114) (#172)
  • support name editing in FoldersTree component (Issue: #114) (#184)
  • support small screens for FileManagerToolbar (Issue #114) (#166)
  • update actions section in Collapse Sidebar (#137)

Fixes

  • Correct export syntax for file-related types in index.ts (#167)
  • Export DropdownTrigger and DropdownItemType (#153)
  • Fix 'undefined' tooltip (#163)
  • PasswordInput - Don't show tooltip when password is hidden (#154)
  • correct byte formatting in formatBytes function (#188)
  • refine tab component styles for better visual consistency (#147, #148)
  • remove DialFileManager export from index.ts (#211)
  • reorder ref and props in DialTooltipTrigger for correct reference handling (#185)
  • update file copy and move handlers to use CopiedItem interface (#175)
  • allow to disable tab using Tabs component (Issue #191) (#192)

Other

  • Refactor Button story to dynamically render variants (#170)
  • add CopiedItem type export to file-manager types (#178)
  • bump js-yaml from 4.1.0 to 4.1.1 (#208) [skip ci]
  • move flexible action logic into hook (Issue #114) (#165)
  • remove forward ref and clear types (#177) [skip ci]
  • simplify onClick type definition in DropdownItem interface (#195)
  • update discord link (#155)

0.3.0

24 Oct 14:53
e5c1a0c

Choose a tag to compare

Features

  • Add DialFileManagerNavigationPanel (#134)
  • Add additional parameters for TextAreaField (#95)
  • Add more styles for radiobutton group (#122)
  • Add more styling options for RadioButtonGroup (#121)
  • Implement DialGrid component (#124)
  • add DialBreadcrumb and DialBreadcrumbItem components (#82)
  • add DialDraggableItem component with drag-and-drop functionality and related tests (#89)
  • add DialEllipsisTooltip component with tooltip functionality (#73)
  • add DialFileName component (#116)
  • add DialRadioGroupPopupField component with tests and stories (#66)
  • add DialSelect component with options and functionality (#70)
  • add DialSharedEntityIndicator component (#111)
  • add FileIcon component (#100)
  • add FolderName component with tests and stories (Issue #114) (#123)
  • add FoldersTree component with stories and tests (Issue #114) (#130)
  • add LoadedFileAreaField with its components, tests and stories (Issue #37) (#110)
  • add Tabs component with stories and tests (Issue #37) (#75)
  • add TagInput and Tag components with tests and stories (Issue #37) (#63)
  • add allowed placements to DialDropdown, DialSelect, and DialTabs components (#83)
  • add anchorToMouse and matchReferenceWidth props to DialDropdown component (#115)
  • add custom footer option to DialConfirmationPopup and update confirmLabel default (#92)
  • add defaultValue for DialInput (#84)
  • add file model (Issue #114) (#113)
  • add onBlur for DialInput (#81)
  • add size prop to DialRadioGroupPopupField (#68)
  • add support for custom header and footer in DialDropdown menu (#90)
  • enhance DialSelectField with readonly support and add DialMultSelectTags component (#108)
  • implement DialFormItem component (#97)
  • implement DialFormPopup component (#94)
  • improve Tag and use it inside AutocompleteInputValue (Issue #37) (#69)
  • integrate DialEllipsisTooltip into DialSelect and DialTag components (#77)

Fixes

  • Export disableTooltip property from TextAreaField (#98)
  • Fix containerCssClass not being applied for TextAreaField (#93)
  • Fix invalid Tab not showing invalid sign (#135) [skip ci]
  • Fix multiple issues with Number input (#125)
  • add search placeholder (#112)
  • move aria-label prop to LoaderIcon for better accessibility (#127)
  • remove null from input onChange (#118)
  • replace classNames with mergeClasses for CSS class handling in DialCloseButton (#87)
  • update dropdownDividerClasses to include border-secondary (#128)
  • update select trigger min height (#88)

Other

  • bump epam/ai-dial-ci from 2.6.2 to 2.7.0 (#91)
  • bump vite from 7.1.5 to 7.1.11 (#119) [skip ci]
  • enhance DialInput and Dropdown tests with additional scenarios (#71) [skip ci]
  • remove jsonEditorEnabled props (#103)

0.2.0

09 Oct 09:13
cb6babc

Choose a tag to compare

Features

  • Add DialPasswordInput (Issue #37) (#43)
  • Add DialSteps (Issue #37) (#41)
  • Add NoDataContent and small refactor (Issue #37) (#52)
  • Add custom scrollbar styles in scroll.scss (#57)
  • Add textCssClass property to DialButton (#53)
  • add AutocompleteInput component with tests and stories (Issue #37) (#56)
  • add CollapsibleSidebar component with tests and stories #37 (#55)
  • add DialAlert component with tests and stories (Issue #29) (#30)
  • add DialCheckbox (Issue #37) (#40)
  • add DialCloseButton (Issue #37) (#49)
  • add DialConfirmationPopup component (#51)
  • add DialLabelledText (Issue #37 ) (#59)
  • add DialLoader component with tests and stories (#38)
  • add DialPopup component with tests, stories, and constants (#47)
  • add DialRadioButton and DialRadioField components with tests and stories (#44)
  • add DialRadioGroup component with tests and stories (#45)
  • add InputModal component with icon, tests and stories (Issue #37) (#60)
  • add Search component with tests and stories (#48)
  • add variant for DialButton (#34)
  • enhance DialAlert component with fullWidth prop and update tests and stories (#36)
  • enhance DialLoader with custom CSS and icon class support (#61)
  • refactor DialPopup styles and update class names for consistency (#62)

0.1.1

30 Sep 14:20
afecd27

Choose a tag to compare

Features

  • initial release