12.0.0-alpha10

Changelog for [12.0.0] (2022-01-13)

Summary

• Bugfix - OcNotification positioning: #1658
• Bugfix - Rename GhostElement: #1845
• Bugfix - OcTooltip isn't reactive: #1863
• Change - Do not sort in OcTable: #1825
• Change - Remove OcAppSideBar component: #1810
• Change - Remove OcAppBar component: #1810
• Change - Remove implicit ODS registration: #1848
• Change - Remove oc-table-files from ods: #1817
• Change - Remove OcGrid options: #1658
• Change - Move OcSidebarNav and OcSidebarNavItem to web: #6036
• Change - Remove UiKit: #1658
• Change - Remove unused props for unstyled components: #1795
• Change - Use remixicons for redesign: #1826
• Enhancement - Make Vue-Composition-API available: #1848
• Enhancement - Fix OcAvatar line-height: #1810
• Enhancement - Add option to render table cells lazy: #1848
• Enhancement - Show path / parent folder to distinguish files: #5953
• Enhancement - Adjust OcSearchBar to new design: #1810
• Enhancement - Sizes: #1858
• Enhancement - Add svg icon for spaces: #1846
• Enhancement - Use Roboto font: #1876

Details

• Bugfix - OcNotification positioning: #1658

  We have taken care of the positioning in the OcNotification component, which didn't work as
  expected. Notifications can now be displayed on the left or right side or centered.

  #1658

• Bugfix - Rename GhostElement: #1845

  We've renamed the GhostElement component to OcGhostElement to follow the atomic design
  principles.

  #1845

• Bugfix - OcTooltip isn't reactive: #1863

  We've fixed an issue with the OcTooltip when the tooltip gets hidden by reactivity and then
  reactivated with some value.

  #1863

• Change - Do not sort in OcTable: #1825

  We removed sorting from OcTable and added a sort event instead, which can be used to sort the
  data externally. This is crucial for server side sorting and handling pagination correctly.

  owncloud/web#5687
  #1825
  #1839
  owncloud/web#6136

• Change - Remove OcAppSideBar component: #1810

  We have removed the OcAppSideBar component since it's not actively used anywhere.

  #1810

• Change - Remove OcAppBar component: #1810

  We have removed the OcAppBar component since it's not actively used anywhere and broken.

  #1810

• Change - Remove implicit ODS registration: #1848

  Remove implicit registration of ODS, from now on applications using ODS must register it
  explicit via Vue.use.

  #1848

• Change - Remove oc-table-files from ods: #1817

  Ods oc-table-files always contained concrete web-app-files logic, to make development more
  agile and keep things close oc-table-files was removed from ODS and relocated to live in
  web-app-files from now on.

  #1817
  owncloud/web#6106

• Change - Remove OcGrid options: #1658

  We have removed the match and childWidth option in the OcGrid component since they were
  unused and relied heavily on the removed UiKit library.

  #1658

• Change - Move OcSidebarNav and OcSidebarNavItem to web: #6036

  We've moved OcSidebarNav and OcSidebarNavItem to web and renamed it to SidebarNav and
  SidebarNavItem.

  owncloud/web#6036
  #1810

• Change - Remove UiKit: #1658

  We have removed the UiKit library this design system originally was built on. The necessary
  style rules for the design system itself and our web repository have been internalized, and
  everything else got dropped to greatly reduce bundle size and build times.

  Please note that with this change, we have also dropped and/or refactored a lot of CSS classes
  and correlated styling.

  #538
  #1658

• Change - Remove unused props for unstyled components: #1795

  We removed the stopClassProgragation property in two components, which resulted in
  unstyled components before but was unused.

  #1795

• Change - Use remixicons for redesign: #1826

  We've switched the iconset to remixicons to fit the new design.

  owncloud/web#6100
  #1826
  #1853

• Enhancement - Make Vue-Composition-API available: #1848

  To support upcoming Vue composition-api weve added the compatibility layer from the creators. From now on all features described here https://github.com/vuejs/composition-api` can be used.

  #1848

• Enhancement - Fix OcAvatar line-height: #1810

  We've fixed an visual bug that caused the OcAvatar to be positioned 1px too high

  #1810

• Enhancement - Add option to render table cells lazy: #1848

  In cases where an instance of OcTable has many child rows and cells, it can be a bottleneck to
  render all of them immediately. With this in mind we've added the lazy option to the table fields
  object where the consuming app can decide how lazy rendering should behave.

  By default lazy cell rendering is disabled, to enable it add a lazy object to the field.

  Following options are available: * delay: 250 - when the cell visibility on screen is below
  the given milliseconds value rendering gets skipped. * mode: show - cell gets rendered and
  stays painted, no de-rendering happens. * mode: showHide - cell gets rendered when it enters
  the screen and de-rendered when its off. * rootMargin: 100px - given value will be added to the
  outer area of the element which then increases the visibility detection radius

  #1848

• Enhancement - Show path / parent folder to distinguish files: #5953

  We've added an option to show the path / parent folder under the resource name in order to
  distinguish files better

  owncloud/web#5953
  #1860
  #1871

• Enhancement - Adjust OcSearchBar to new design: #1810

  We've redesigned the OcSearchBar to fit the new design.

  owncloud/web#6036
  #1810

• Enhancement - Sizes: #1858

  The size variables which define margins and paddings have been changed to use multiples of 8
  instead of 10.

  #1858

• Enhancement - Add svg icon for spaces: #1846

  #1846

• Enhancement - Use Roboto font: #1876

  We've switched the default font from Fira Sans to Roboto.

  owncloud/web#6100
  #1876