v9.0.0-alpha.6
Pre-release
Pre-release
💥 Breaking Changes
- The package now uses Vue 3 instead of Vue 2.7
- The package is now a native ESM package and the CommonJS entry points were dropped!
- The old import paths like
@nextcloud/vue/dist/Components/NcComponent.js
were removed, please use the new ones (@nextcloud/vue/components/NcComponent
) instead. - The plugin registering all the components and directives globally is removed.
Use local registration instead. Useunplugin-vue-components
if you need an alternative. - The
limitWidth
prop ofNcSettingsSection
was removed (the content is now always limited width) #5605 NcCounterBubble
: remove default slot and makecount
prop required #5997x- The
closing
andopening
events ofNcAppSidebar
were removed as they are directly emitted when the sidebar was opened when usingv-if
and also just duplicated the state of theopen
prop #5606 - The
checked
prop was renamed tomodelValue
, theupdate:checked
event was renamed toupdate:modelValue
. This affects the following components:NcActionCheckbox
NcActionRadio
NcCheckboxRadioSwitch
- The
value
prop was renamed tomodelValue
, theupdate:value
orinput
events were renamed toupdate:modelValue
. This affects the following components:NcActionInput
NcActionTextEditable
NcColorPicker
NcDateTimePicker
NcDateTimePickerNative
NcInputField
NcPasswordField
NcRichContenteditable
NcSelect
NcSelectTags
NcSettingsInputText
NcSettingsSelectGroup
NcTextArea
NcTextField
NcTimezonePicker
- The leading icon slot was changed from
#default
to#icon
inNc*Field
components:NcInputField
NcTextField
NcPasswordField
- The
exact
prop was removed. This affects the following components:NcActionRouter
NcAppNavigationItem
NcBreadcrumb
NcListItem
- The
isFullscreen
andisMobile
mixins were removed. Use the according composables instead. - The
box-sizing: border-box
is now default for following components and its content. This is done to match behaviour ofNcContent
(as they can be mounted directly tobody
):NcModal
NcPopover
What's Changed compared to last pre-release
💥 Breaking Changes
- [next] feat(NcCounterBubble)!: remove default slot and make
count
prop required by @ShGKme in #5997 - [next] feat!: remove plugin by @ShGKme in #6349
🚀 Enhancements
- [next] feat(NcNoteCard): Add
text
prop to pass the content of the note card by @backportbot in #5901 - [next] feat(NcPasswordField): add as-text prop to remove autocomplete by @backportbot in #5902
- [next] feat(NcListItem): provide additional slots for NcActions / extra actions customization by @backportbot in #5903
- [next] feat(NcUserBubble): add RouterLink support by @backportbot in #5912
- [next] feat(NcListItem): allow to control the display of a three dot menu by @backportbot in #5983
- [next] feat(useHotKey): add composable for keyboard shortcuts by @backportbot in #5996
- [next] feat(NcCounterBubble): add count prop for humanized count display by @backportbot in #5990
- [next] feat(NcDialog): Allow to make the dialog a form by @backportbot in #5945
- [next] feat(NcButton): Allow to specify
target
attribute for buttons with href by @backportbot in #5939 - [next] feat(NcHeaderButton): Add a button only alternative for the header menu by @backportbot in #6070
- [next] feat(NcModal): make dark header configurable by @backportbot in #6088
- [next] [NcRichText] Add style to mount point for custom picker and custom widget elements by @backportbot in #6140
- [next] feat(NcRicFull Changelog: v9.0.0-alpha.5...v9.0.0-alpha.6hText): make interactive widgets opt-in by @backportbot in #6153
- [next] fix(NcTextArea): remove non-existing prop 'type' for textarea by @backportbot in #6173
- [next] feat: add isDarkTheme functions and composables by @backportbot in #6196
- [next] feat: Add
spawnDialog
function by @backportbot in #6207 - [next] feat(NcRichText): highlight code syntax if language provided by @backportbot in #6247
- [next] feat(NcAppNavigation): Provide consistent in-app search by @backportbot in #5848
- [next] feat(NcDialogButton): Allow to return
false
from callback to keep dialog open by @backportbot in #6035
🐛 Fixed bugs
- [next] style(NcAppNavigationCaption): remove margin-bottom by @backportbot in #5826
- [next] fix(NcInputField): Make helper text aligned and maxcontrast color by @backportbot in #5827
- [next] docs: Fix
NcAppNavigationCaption
examples by @backportbot in #5825 - [next] fix(NcListItem): Anchor height was set not to content but random area by @backportbot in #5835
- [next] fix(NcListItem): do not render counter on falsy values by @backportbot in #5836
- [next] fix(NcAppSidebar): manage focus only after transition has finished by @backportbot in #5840
- [next] fix(NcAppContent): splitpane splitter styles with dark theme by @backportbot in #5846
- [next] fix(NcColorPicker): Make the color circle size depend on clickable area by @backportbot in #5845
- [next] fix: alignement of listitem name for one line layout by @backportbot in #5854
- [next] fix(NcModal): temporary deactivate focus-traps on modal open by @backportbot in #5852
- [next] NcActionCheckbox: align with NcActionText by @backportbot in #5858
- [next] NcAppSettingsSection: make titles normal h3 size by @backportbot in #5838
- [next] NcSelect: make same height and color as NcTextField by @backportbot in #5864
- [next] fix: Migrate SCSS
$clickable-area
to CSS--default-clickable-area
by @backportbot in #5752 - [next] fix(style): adjust elements styles to unit-less line-height by @backportbot in #5891
- [next] fix(NcSettingsSection): remove default h2 margin-top by @backportbot in #5900
- [next] fix(NcAppNavigationItem): Fix popper boundary element by @backportbot in #5789
- [next] fix(NcListItem): Make paddings smaller again on Nextcloud 30 by @backportbot in #5904
- [next] fix(NcAppNavigationCaption): properly align with NcAppNavigationItem by @backportbot in #5805
- [next] fix(NcCounterButton): adjust min-width to make it a right circle by @backportbot in #5911
- [next] fix(NcInputField): Make focus visible on trailing button look better by @backportbot in #5828
- [next] fix(NcUserBubble): fix tag assignment if no url but to provided by @backportbot in #5918
- [next] fix(NcNoteCard): Adjust padding and margin by @backportbot in #5920
- [next] fix: Fix alignment of dashboard list items by @backportbot in #5919
- [next] NcListItem: remove max width by @backportbot in #5880
- [next] fix(NcListItem): Adjust icon color when the list item is active by @backportbot in #5944
- [next] fix(NcUserBubble): make it perfectly aligned circle by @backportbot in #5949
- [next] fix(NcAvatar): extend variable size of status icons by @backportbot in #5961
- [next] fix(NcActions): NcActionCheckbox and NcActionRadio icon alignment by @backportbot in #5962
- [next] fix(NcCheckboxRadioSwitch): adjust to new border radius by @backportbot in #5977
- [next] fix: use
--header-height
instead of50px
constant by @backportbot in #5978 - [next] fix(NcAppSettingsDialog): Adjust navigation entries to match Nextcloud 30 design by @backportbot in #5981
- [next] fix(NcRichText): modify MENTION_START regex to work on older MobileSafari versions by @backportbot in #5993
- [next] fix(NcAppNavigation): add border-right by @backportbot in #5989
- [next] fix(NcRichContenteditable): adjust to new design by @backportbot in #5995
- [next] fix(NcCounterBubble): increase size by @backportbot in #5998
- [next] fix(NcListItem): correctly use NcCounterBubble after slot removal by @ShGKme in #6003
- [next] fix(NcRichText): discard reference widgets on text update by @backportbot in #6012
- [next] fix(NcCheckBoxRadioSwitch): do not toggle on a click on a link inside by @backportbot in #6014
- [next] fix(NcAppNavigation): keep border only on mobile by @backportbot in #6009
- [next] fix(NcActions): Role
menu
needs a label assigned so label by trigger by @susnux in #6023 - [next] fix(NcHeaderMenu): Remove padding from popover menu by @backportbot in #6030
- [next] fix(useHotKey): respect press of MacOS Cmd key as Ctrl key by @backportbot in #6031
- [next] fix(NcChip): Ensure chips without icon do not reserve empty space for icon by @backportbot in #5882
- [next] fix(NcActions): Pressing escape should always close the actions by @backportbot in #6042
- [next] NcListItem: make the max width of the NcListItem in oneline mode apply only to the content name by @backportbot in #6046
- [next] fix(NcSelect): Ensure component height is same as input element by @backportbot in #5890
- [next] fix(NcHeaderMenu): Ensure trigger button is has same width as wrapper by @backportbot in #6053
- [next] fix(NcCheckboxRadioSwitch): switch may always have checked-like background by @backportbot in #6057
- [next] fix(NcEmojiPicker): adjust hover effects to new design by @backportbot in #6059
- [next] fix(NcAvatar): add a fallback for missing CSS variable by @backportbot in #6091
- [next] style(NcColorPicker): adjust styles of advanced fields to match NcInputField by @backportbot in #6101
- fix(NcListItem): change condition to display the counter number by @julien-nc in #6117
- [next] fix(reference-picker): allow closing modal dialog on NcReferencePicker by @backportbot in #6149
- [next] fix(NcActions): RTL support by @backportbot in #6155
- [next] fix(NcAppNavigation): RTL support by @backportbot in #6156
- [next] fix(NcAppSidebar): apply toggle offset transition only on sidebar transition by @ShGKme in #6154
- [next] fix(NcSelect): RTL support by @backportbot in #6159
- [next] fix(NcAppDetailsToggle): Rtl support by @backportbot in #6160
- [next] fix(NcModal): rtl support by @backportbot in #6174
- [next] fix(NcAppSidebarTabs): force color-main-text for icons by @backportbot in #6190
- [next] fix(NcDateTimePicker): change styling to look more like the native picker by @backportbot in #6192
- [next] fix(NcInputField): icon position in RTL by @backportbot in #6208
- [next] fix(NcChip): wrong color-primary-text variable used by @backportbot in #6220
- [next] fix(NcRichContenteditable): support email mentions by @backportbot in #6237
- [next] fix(NcAppContent): white splitter in dark mode when using split-horizontal mode by @backportbot in #6239
- [next] fix(NcRichContenteditable): do not break adjacent mentions by @backportbot in #6240
- [next] fix(NcRichContenteditable): fix pasted text handling by @backportbot in #6249
- [next] fix(NcListItem): Don't require name prop by @backportbot in #6274
- [next] style(NcCheckboxRadioSwitch): fix styles in disabled state by @backportbot in #6276
- [next] fix(NcAppContent): add RTL support by @backportbot in #6305
- [next] fix(NcCheckboxRadioSwitch): RTL support by @backportbot in #6309
- [next] fix(NcDateTimePicker): popup position by @backportbot in #6314
- [next] Fix(NcDashboardWidgetItem): Add RTL support to NcDashboardWidgetItem by @backportbot in #6318
- [next] Fix(NcSettingsSection): Add RTL support to NcSettingsSection info icon. by @backportbot in #6317
- [next] fix(useHotKey): allow hotkeys with implicit
SHIFT
and addcaseSensitive
, custom event filter options by @backportbot in #6319 - [next] fix(NcRichContenteditable): prevent content from overflowing by @backportbot in #6320
- [next] fix(NcRichText): async import remark-gfm library by @backportbot in #6335
- [next] fix(NcAvatar): title not shown when component used without menu by @backportbot in #6353
- [next] fix(NcActionCheckbox): Fix padding in RTL mode by @backportbot in #6361
- [next] fix(NcModal): make 'Close' button the last element for the focus-trap by @backportbot in #6296
- [next] fix(NcActionButton): RTL support by @backportbot in #6323
- [next] fix(NcAppNavigationItem): align utils with actions and other components by @backportbot in #6082
- [next] fix(NcAvatar): attributes order by @raimund-schluessler in #6377
- [next] fix(NcActionButton): order in components by @raimund-schluessler in #6375
- [next] fix(NcColorPicker): close popover on submit event by @backportbot in #6383
- [next] fix!: make 'box-sizing: border-box' a default behaviour for all containers by @Antreesy in #6390
- [next] fix(NcInputField): Make sure label and placeholder is not jumping by @backportbot in #5832
- [next] fix(NcListItem): Fix padding in RTL mode. by @backportbot in #6402
- [next] fix(NcCounterBubble): show original count in title when shortened by @backportbot in #6401
- [next] fix(NcActions): Use full window height by @backportbot in #5809
Other Changes
- [next] feat(NcRichText): Call public reference API when unauthenticated by @backportbot in #5847
- ci: Migrate component tests to Playwright by @susnux in #5818
- [next] chore(functions): add docs by @backportbot in #5693
- [next] fix(NcAppNavigationSettings): use tertiary styling for the toggle button by @backportbot in #5817
- [next] style(NcAvatar): make button element round as avatar itself by @backportbot in #5915
- docs(README): fix install command by @ShGKme in #5931
- [next] chore(docs): specify more Nextcloud versions in styleguidist by @backportbot in #5934
- [next] refactor(NcModal): get rid of unneeded calc() by @backportbot in #5986
- [next] chore(deps): Update dependencies for
next
branch by @susnux in #6007 - [next] chore: Update styles from server for styleguide by @susnux in #6025
- [next] chore: add npm-audit-fix workflow by @backportbot in #6092
- docs: add missing
useIsDarkTheme
import by @ShGKme in #6215 - [next] chore(NcAppSidebarTabs): remove internal component from docs by @backportbot in #6267
- [next] fix: scope css styles for TimeZonePicker by @backportbot in #6191
- [next] fix(NcCounterBubble): small typo in docs by @raimund-schluessler in #6378
- [next] feat!: Change module import paths - drop
dist
and.js
-extension by @susnux in #6389 - [next] chore(Nc*Field): icon slot change note by @ShGKme in #6398
- chore: Prepare release of v9.0.0-alpha.6 by @susnux in #6397