v0.3.11
Ember UI v0.3.11 Release Notes
This release of Ember UI introduces a host of new features and improvements designed to enhance the user experience and provide developers with more powerful tools. Key additions include advanced table functionality, a comprehensive scheduling UI, new filter components, and a powerful computed columns feature for the query builder.
✨ What's New
Advanced Table Functionality
- Multi-Column Sorting: Users can now sort tables by multiple columns by holding the
Shiftkey while clicking on column headers. A sort priority badge indicates the order of sorting. - Horizontal Scrolling and Sticky Columns: Tables with many columns are now horizontally scrollable. The
stickyproperty can be added to column definitions to make columns stick to the left or right during scroll. This includes a new@checkboxStickyargument to make the selection checkbox sticky.
Core Scheduling UI
A suite of new components for building scheduling interfaces:
ScheduleCalendar: A full-featured calendar component with FullCalendar integration, supporting drag-and-drop and resource timeline views.ScheduleItemCard: A flexible card for displaying schedule items.AvailabilityEditor: An interface for managing availability.
These components are backed by a new scheduling service and a set of Ember Data models for a complete scheduling solution.
New Filter Components
Filter::MultiInput: A tag-based input for creating comma-delimited lists of filter values.Filter::Range: A dual-slider component for selecting numeric ranges.
Computed Columns in Query Builder
- Computed Column Editor: A new UI for creating and editing computed columns in the query builder. It includes real-time expression validation and a reference for allowed functions.
- Integration with Query Builder: Computed columns are now integrated into the query builder, allowing for more powerful and flexible data queries.
🚀 Improvements and Fixes
- Styling: Various styling improvements have been made to the range filter, column sorting, and badges to align with the Fleetbase UI standard.
- Bug Fixes: This release includes several bug fixes related to sticky column positioning, pagination footer behavior during horizontal scroll, and linter errors.
- Performance: Debug
console.logstatements have been removed from the codebase for a cleaner and more performant experience.
🧑💻 Developer Notes
- The table component now uses a
sortColumnsarray to manage sorting state, and the@onSortcallback will receive a comma-delimited string for multi-column sorts. - The new scheduling components are highly customizable via named blocks and are designed to be used in any Fleetbase extension.
- The
stickyproperty in column definitions can be set totrue,'left', or'right'to control sticky behavior.
📝 Merged Pull Requests
- #94: feat: Add sort functionality to Table component
- #95: feat: Add Core Scheduling UI Components
- #97: feat: Implement multiple column sort
- #98: feat: Add multi-input and range filter components
- #99: feat: Implement horizontal scrolling and sticky columns
- #100: feat: Add computed columns UI to query builder
- #101: remaining final changes
Full Changelog: v0.3.10...v0.3.11