v9.0.0-rc.3

What's Changed

📝 Notes

• NcColorPicker
  • The update:open event is removed in favor of the already available close event.
• NcTextField:
  • The value 'arrowRight' for the trailingButtonIcon property was deprecated is now removed in favor of arrowEnd.

🐛 Fixed bugs

• fix(NcAppNavigationToggle): restore button design and remove wrong attribute #6984 (susnux)
• fix(NcInputField): unresolved component and state color #6994 (susnux)
• fix(NcAppNavigationItem): multi level padding #6861 (GretaD)
• fix(NcTextField)!: make trailing button icon for confirmation also work on RTL #6993 (susnux)
• fix(NcAppContent): incorrect page title from a different core.apps format in Nextcloud 30 #7010 (julien-nc)
• fix(NcButton): correctly apply reverse padding #7029 (raimund-schluessler)
• fix(NcAvatar): update 'hasStatus' flag if changed #7033 (Antreesy)
• fix(NcCheckboxRadioSwitch): align icons with the first row of label #7043 (Antreesy)
• fix(actions): use pointer cursor for action button text #7042 (ChristophWurst)
• fix(NcAvatar): migrate from deprecated showUserStatus prop #7053 (Antreesy)
• fix(NcAppNavigationSettings): adjust style and padding of button #7018 (raimund-schluessler)
• fix(NcRichText): always render code blocks in LTR direction #7056 (Antreesy)
• fix(NcHeaderMenu): bring caret back #7071 (ShGKme)
• fix(NcChip): adjust default prop declaration #7074 (Antreesy)
• fix(NcPopover): component crash when unmounted shown #7077 (Antreesy)
• fix(NcListItem): let active prop take higher priority #7086 (DorraJaouad)

Other Changes

• refactor(NcTextArea): migrate component to Typescript and script-setup #6986 (susnux)
• refactor(NcNoteCard): migrate component to Typescript and script-setup #6985 (susnux)
• refactor(NcDialog): migrate to script-setup and use Typescript for module #6968 (susnux)
• refactor: migrate Nc*Field to Typescript #6951 (susnux)
• refactor(NcUserBubble): migrate components to Typescript #6946 (susnux)
• refactor(NcHeaderMenu): export as Typescript module and reorder script tags #7000 (susnux)
• fix(NcAppNavigationSettings): button left full width #6999 (raimund-schluessler)
• refactor: migrate NcAppNavigationToggle / NcAppNavigationSpacer to Typescript #7004 (susnux)
• refactor(NcContent): migrate to Typescript and script-setup #7003 (susnux)
• chore: adjust vitest config to be consistent on CI and locally #7065 (susnux)
• refactor(NcLoadingIcon): migrate component to Typescript and script-setup #7076 (susnux)
• refactor(NcDateTimePickerNative): migrate component to Typescript and script-setup #7075 (susnux)
• refactor: deprecate events not comply with Vue event naming rules #7058 (susnux)
• fix(NcModal): correctly handle when trying to activate non-existing focus-trap #7084 (Antreesy)
• refactor(NcHighlight): migrate component to Typescript #7073 (susnux)
• refactor(NcColorPicker): migrate component to Typescript #7080 (susnux)

Full Changelog: v9.0.0-rc.2...v9.0.0-rc.3

v9.0.0-rc.2

What's Changed

🚀 Enhancements

• feat(NcChip): allow to define the actions container by @susnux in #6813
• feat(NcActionButton): introduce description prop by @Antreesy in #6932

🐛 Fixed bugs

• fix(NcEmptyContent): description styling for mobile by @Plesin in #6936
• style(NcAppSidebar): remove custom styles from close button by @Antreesy in #6944
• fix: add missing NcSelectUsers export by @susnux in #6947
• fix(NcAppContent): adapt to new emitted event object with splitpanes ^4.0.0 by @wofferl in #6950
• fix(NcActionInput): register used NcColorPicker component by @susnux in #6956
• fix(NcRichText): filter links based on protocol by @max-nextcloud in #6966
• fix(NcActions): allow to close popover on click outside by @susnux in #6959
• fix(NcSelectUsers): use correct type for model and add tests for model-value handling by @susnux in #6957

Other Changes

• refactor(NcUserStatusIcon): migrate component to Typescript by @susnux in #6820
• refactor(NcAppDetailsToggle): migrate to Typescript by @susnux in #6909
• fix(NcAppSidebar): make buttons pixel perfect by @Antreesy in #6938
• fix(docs): NcContent with skip-actions crashes styleguidist by @ShGKme in #6923
• refactor(NcAppContentDetails): migrate component to Typescript by @susnux in #6910
• refactor(NcGuestContent): migrate component to Typescript by @susnux in #6948
• chore(dev-deps): bump @nextcloud/stylelint-config from 3.0.1 to 3.1.0 and fix errors by @ShGKme in #6955
• test: drop useless console output by @susnux in #6958
• chore: remove todo from NcSelect by @susnux in #6963
• chore: remove deprecated aria-hidden prop from NcAction* by @susnux in #6961
• chore(NcRichContenteditable)!: remove title prop in favor of label by @susnux in #6962
• refactor(NcCounterBubble): migrate component to Typescript and script-setup by @susnux in #6970
• refactor: remove ScopeComponent the scope is not used and already added by Vue by @susnux in #6965
• refactor(NcIconSvgWrapper): migrate component to Typescript and script-setup by @susnux in #6967
• refactor: use NcIconSvgWrapper with directional property where needed by @susnux in #6767
• chore: prepare v9.0.0-rc.2 by @susnux in #6960

New Contributors

• @Plesin made their first contribution in #6936

Full Changelog: v9.0.0-rc.1...v9.0.0-rc.2

v8.27.0

What's Changed

🚀 Enhancements

• [stable8] feat(NcChip): allow to define the actions container by @backportbot in #6964
• [stable8] feat(NcActionButton): introduce description prop by @backportbot in #6975

🐛 Fixed bugs

• [stable8] fix(NcEmptyContent): description styling for mobile by @backportbot in #6943
• [stable8] style(NcAppSidebar): remove custom styles from close button by @backportbot in #6945

Other Changes

• [stable8] refactor(useIsFullscreen): migrate to Typescript by @ShGKme in #6912
• [stable8] refactor(useHotKey): migrate code to Typescript by @backportbot in #6911
• [stable8] refactor(Focus): migrate directive to Typescript by @backportbot in #6914
• [stable8] refactor: use NcIconSvgWrapper with directional property where needed by @backportbot in #6976
• [stable8] feat(NcRichText): filter links based on protocol by @max-nextcloud in #6977

Full Changelog: v8.26.1...v8.27.0

v9.0.0-rc.1

What's Changed

🚀 Enhancements

• feat(NcAppSidebar): add info slot by @Antreesy in #6666

🐛 Fixed bugs

• fix(NcIconSvgWrapper): center svg span wrapper by @skjnldsv in #6869
• fix(NcChip): do not rerender slots to check if they are available by @susnux in #6903
• fix(dialog/spawnDialog): incorrect return type for optional result by @ShGKme in #6905
• [next] add fallBackFocus to NcPopover by @backportbot in #6679

Other Changes

• Updates for project Nextcloud vue library by @transifex-integration in #6844
• chore: update workflows from organization by @susnux in #6841
• Updates for project Nextcloud vue library by @transifex-integration in #6862
• refactor(NcChip): properly document and type slots and emits by @susnux in #6812
• chore: move from dev:watch to watch by @skjnldsv in #6888
• Updates for project Nextcloud vue library by @transifex-integration in #6895
• refactor(NcVNodes): migrate component to Typescript by @susnux in #6822
• refactor(Focus): migrate directive to Typescript by @susnux in #6786
• refactor(NcEmptyContent): migrate component to Typescript by @susnux in #6904
• Updates for project Nextcloud vue library by @transifex-integration in #6908
• chore: prepare v9.0.0-rc.1 by @susnux in #6906

Full Changelog: v9.0.0-rc.0...v9.0.0-rc.1

v8.26.1

What's Changed

🐛 Fixed bugs

• [stable8] fix(NcIconSvgWrapper): center svg span wrapper by @backportbot in #6880

Other Changes

• chore: prepare v8.26.1 by @susnux in #6889

Full Changelog: v8.26.0...v8.26.1

v9.0.0-rc.0

What's Changed

🚀 Enhancements

• feat(NcDateTimePicker): add time range picker and align naming by @susnux in #6728
• feat(dialogs/spawnDialog): separate spawning options from dialog props and allow Element as a container by @ShGKme in #6756
• feat(dialogs/spawnDialogs)!: do not toRaw the result by @ShGKme in #6760
• Adjust all styles for RTL support and add directional prop to NcIconSvgWrapper by @susnux in #6733
• feat(dialogs/spawnDialog): return promise with the result by @ShGKme in #6758
• feat(dialogs/spawnDialog)!: replace onClose callback with Promise by @ShGKme in #6759
• [next] feat(NcAvatar): implement custom javascript hook action for the contacts menu by @backportbot in #6306
• feat!: split NcSelect super component into NcSelect and NcSelectUsers by @susnux in #6732
• feat(NcPopover): document all properties and remove transparent floating-vue wrapper by @susnux in #6802

🐛 Fixed bugs

• fix(NcDateTimePicker): adjust padding to prevent horizontal scrolling by @susnux in #6722
• fix(dialogs/spawnDialog): dialog cannot be closed by @ShGKme in #6729
• fix(NcDateTimePicker): prevent emitting [Date, null] by @susnux in #6726
• fix(dialogs/spawnDialog)!: support vue-devtool but lose appContext by @ShGKme in #6752
• fix(dialogs/spawnDialog): do not teleport dialog from root by @ShGKme in #6757
• fix(dialogs/spawnDialog): enhance spawnDialog types by @mattersj in #6781
• fix(NcRichContenteditable): add correct tooltip by @susnux in #6778
• fix(NcRichContenteditable): bring back error style on overflow by @susnux in #6785
• fix(NcPopover): regression with incorrect size on RTL by @Antreesy in #6796
• fix(NcRichText): references prop type by @julien-nc in #6799
• fix(NcAppContent): don't remove list when showing details in mobile or no-split mode by @backportbot in #6801
• fix(NcAvatar): do not load avatar from server, if iconClass was provided by @Antreesy in #6831
• fix(NcMentionBubble): position selectable text aligned with the component by @Antreesy in #6835
• fix(NcSelectUsers): add missing search event by @susnux in #6811

Other Changes

• Updates for project Nextcloud vue library by @transifex-integration in #6721
• Updates for project Nextcloud vue library by @transifex-integration in #6724
• docs(NcDateTimePicker): add prop documentation for all props by @susnux in #6727
• Updates for project Nextcloud vue library by @transifex-integration in #6739
• chore: drop remaining cypress files by @susnux in #6735
• chore: adjust package engines versions by @susnux in #6725
• chore: update pull_request_template.md by @ShGKme in #6736
• Updates for project Nextcloud vue library by @transifex-integration in #6762
• refactor: deprecate Tooltip directive for accessibility by @susnux in #6761
• refactor!(NcModal): adjust to boolean props with default false by @susnux in #6719
• refactor: drop string-length dependency and replace with native solution by @susnux in #6779
• chore: type check project on CI by @susnux in #6737
• refactor: adjust code to fix all SASS deprecations by @susnux in #6734
• refactor: Migrate NcButton from render function to template by @susnux in #6033
• Updates for project Nextcloud vue library by @transifex-integration in #6783
• Updates for project Nextcloud vue library by @transifex-integration in #6784
• chore!: do not export mixins anymore by @susnux in #6790
• chore!: drop tooltip directive by @susnux in #6787
• Updates for project Nextcloud vue library by @transifex-integration in #6795
• Updates for project Nextcloud vue library by @transifex-integration in #6803
• feat(NcPopover): add new noFocusTrap prop by @susnux in #6807
• Updates for project Nextcloud vue library by @transifex-integration in #6809
• ci: use conventional commits in /*-update commands by @susnux in #6810
• Updates for project Nextcloud vue library by @transifex-integration in #6828
• refactor(NcSavingIndicatorIcon): migrate component to vue by @susnux in #6823
• chore: adjust vite plugin for vue <docs> by @susnux in #6824
• refactor(NcTimezonePicker): migrate component to Typescript by @susnux in #6821
• chore: prepare release of v9.0.0-rc.0 by @susnux in #6788

New Contributors

• @mattersj made their first contribution in #6781

Full Changelog: v9.0.0-alpha.8...v9.0.0-rc.0

v8.26.0

What's Changed

🚀 Enhancements

• [stable8] feat(NcPopover): add new noFocusTrap prop by @backportbot in #6808
• [stable8] feat(NcAppSidebar): add info slot by @backportbot in #6843

🐛 Fixed bugs

• [stable8] fix(NcRichText): references prop type by @backportbot in #6800
• [stable8] fix(NcAppContent): don't remove list when showing details in mobile or no-split mode by @wofferl in #6261
• [stable8] fix(NcMentionBubble): position selectable text aligned with the component by @backportbot in #6837
• [stable8] fix(NcAvatar): do not load avatar from server, if iconClass was provided by @backportbot in #6836
• [stable8] fix(NcSelectUsers): add missing search event by @backportbot in #6838

Other Changes

• chore: prepare release of v8.26.0 by @susnux in #6842

Full Changelog: v8.25.1...v8.26.0

v8.25.1

What's Changed

🐛 Fixed bugs

• fix(NcPopover): regression with incorrect size on RTL #6797

Full Changelog: v8.25.0...v8.25.1

v8.25.0

📝 Notes

NcDateTimePicker

In version 8 the NcDateTimePicker was a transparent wrapper around the vue2 datepicker library.
With version 9 and beyond we will no longer transparently wrap external libraries,
thus only documented props, events, and slots of Nextcloud components are guaranteed to work.
This will allow use to change the underlying library while keeping a stable API for the component users.

For this we deprecated the range property in favor of three new types for the NcDateTimePicker.

• date-range
• time-range
• datetime-range

Also the formatter property is deprecated, instead you can now provide a function to the format property,
which will receive a Date object and should return the formatted date as a string.

Tooltip directive

The Tooltip directive has been deprecated and will be removed in the future.
In most cases you want to use the native browser tooltips instead by using the native HTML title attribute.
In some rare cases where you really need a formatted tooltip NcPopover could be used.

 <NcButton
-    v-tooltip="title"
+    :title="title"

🚀 Enhancements

• [stable8] feat(NcDateTimePicker): add new types as alternative for range property by @susnux in #6738
• [stable8] Adjust all styles for RTL support and add directional prop to NcIconSvgWrapper by @backportbot in #6766
• [stable8] feat: provide NcSelectUsers as replacement of user-select prop for NcSelect by @backportbot in #6791

🐛 Fixed bugs

• [stable8] fix(NcRichContenteditable): add correct tooltip by @backportbot in #6782
• [stable8] fix(NcRichContenteditable): bring back error style on overflow by @backportbot in #6789

Other Changes

• Updates for project Nextcloud vue library by @transifex-integration in #6690
• [stable8] refactor: deprecate Tooltip directive for accessibility by @backportbot in #6765
• [stable8] fix(NcAvatar): skip user status request if hideStatus prop was provided by @Antreesy in #6780
• chore: prepare release of v8.25.0 by @susnux in #6793

Full Changelog: v8.24.0...v8.25.0

v9.0.0-alpha.8

What's Changed

🚀 Enhancements

• [next] refactor: replace boolean properties with default: true with default: false by @susnux in #6653
• [next] feat(NcAppContent): Allow to set the page title by @backportbot in #6596
• [next] feat: Add consistent variant prop for design variant of buttons / chips by @backportbot in #6595
• [next] feat(NcActions): add opened and closed events to handle closing/opening end | fix(NcPopover): correctly wait for animation end in after-show/after-hide events by @backportbot in #6685

🐛 Fixed bugs

• [next] fix(NcAppSidebar, NcHeaderMenu): correctly focus trigger/close buggon when no focusable elements inside by @backportbot in #6637
• [next] fix(NcInputField): Only show error state border if user interacted with the input by @backportbot in #6641
• [next] fix(NcEmojiPicker): return focus steals actual focus by @backportbot in #6655
• [next] fix(styles): RTL support by @backportbot in #6193
• [next] fix(NcAvatar): keep line-height only for 'initials' avatars by @backportbot in #6680
• fix(NcActions): trigger forgotten closed event and correctly handle open by @ShGKme in #6706

Other Changes

• [next] refactor(utils): Replace GenRandomId with getRandomId by @susnux in #6425
• [next] refactor: drop md5 dependency for usernameToColor and migrate to TS by @susnux in #6657
• [next] refactor: migrate logger to Typescript by @susnux in #6660
• [next] refactor(useIsFullscreen): migrate to Typescript by @susnux in #6659
• [next] refactor: migrate findRanges to Typescript by @susnux in #6662
• [next] refactor(NcDateTime): migrate to Typescript and script-setup by @susnux in #6654
• [next] refactor!: migrate useIsMobile to TS and remove isMobileState by @susnux in #6658
• [next] refactor(NcDateTimePicker): migrate to @vuepick library by @susnux in #6651
• [next] chore: Make CHANGELOG.md content consistent styling by @backportbot in #6678
• [next] refactor: consistent export style for isSlotPopulated by @susnux in #6681
• [next] refactor: migrate color utils to Typescript by @susnux in #6684
• [next] fix(NcPopover): add passive: true to transitionend event listener by @skjnldsv in #6688
• chore: default branch is main and Vue 2 branch is stable8 by @susnux in #6697
• chore: remove unused GetChildren util by @susnux in #6701
• chore: migrate GetParent to Typescript by @susnux in #6702
• Updates for project Nextcloud vue library by @transifex-integration in #6710
• refactor(NcActions): use provide/inject instead of $parent search by @ShGKme in #6705
• docs: improve examples and documentation for NcDateTimePicker by @susnux in #6704
• Updates for project Nextcloud vue library by @transifex-integration in #6711
• refactor: migrate linkify util and directive to Typescript by @susnux in #6703
• Updates for project Nextcloud vue library by @transifex-integration in #6713
• Updates for project Nextcloud vue library by @transifex-integration in #6718
• chore: prepare release of v9.0.0-alpha.8 by @susnux in #6712

Full Changelog: v9.0.0-alpha.7...v9.0.0-alpha.8