@nextcloud/vue 9.0.0-alpha.1 → 9.0.0-alpha.2

package/dist/src/components/NcAppSidebar/NcAppSidebar.vue.d.ts

@@ -99,6 +99,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    uid: string;
     isMobile: Readonly<import("vue").Ref<boolean>>;
 }, {
     changeNameTranslated: string;
@@ -106,6 +107,7 @@ declare const _default: import("vue").DefineComponent<{
     favoriteTranslated: string;
     isStarred: boolean;
     focusTrap: null;
+    elementToReturnFocus: null;
 }, {
     canStar(): boolean;
     hasFigureClickListener(): boolean;
@@ -113,6 +115,7 @@ declare const _default: import("vue").DefineComponent<{
     isSlotPopulated: (vnodes?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[] | import("vue").VNodeNormalizedChildren | undefined) => boolean;
+    preserveElementToReturnFocus(): void;
     initFocusTrap(): void;
     /**
      * Activate focus trap if it is currently needed, otherwise deactivate
@@ -140,6 +143,16 @@ declare const _default: import("vue").DefineComponent<{
      */
     toggleStarred(): void;
     editName(): Promise<void>;
+    /**
+     * Focus the sidebar
+     * @public
+     */
+    focus(): void;
+    /**
+     * Focus the active tab
+     * @public
+     */
+    focusActiveTabContent(): void;
     /**
      * Emit name change event to parent component
      *

package/dist/src/components/NcBreadcrumb/NcBreadcrumb.vue.d.ts

@@ -30,12 +30,19 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Set a css icon-class to show an icon instead of the name text.
+     * Set a css icon-class to show an icon along name text (if forceIconText is provided, otherwise just icon).
      */
     icon: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Enables text to accompany the icon, if the icon was provided. The text that will be displayed is the name prop.
+     */
+    forceIconText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Disable dropping on this breadcrumb.
      */
@@ -145,12 +152,19 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * Set a css icon-class to show an icon instead of the name text.
+     * Set a css icon-class to show an icon along name text (if forceIconText is provided, otherwise just icon).
      */
     icon: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Enables text to accompany the icon, if the icon was provided. The text that will be displayed is the name prop.
+     */
+    forceIconText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Disable dropping on this breadcrumb.
      */
@@ -192,6 +206,7 @@ declare const _default: import("vue").DefineComponent<{
     to: string | Record<string, any>;
     open: boolean;
     forceMenu: boolean;
+    forceIconText: boolean;
     disableDrop: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/NcListItem/NcListItem.vue.d.ts

@@ -98,7 +98,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, any, {
     hovered: boolean;
-    focused: boolean;
     hasActions: boolean;
     hasSubname: boolean;
     displayActionsOnHoverFocus: boolean;
@@ -114,30 +113,22 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * Handle link click
      *
-     * @param {PointerEvent} event - Native click event
+     * @param {MouseEvent|KeyboardEvent} event - Native click or keydown event
      * @param {Function} [navigate] - VueRouter link's navigate if any
      * @param {string} [routerLinkHref] - VueRouter link's href
      */
-    onClick(event: PointerEvent, navigate?: Function | undefined, routerLinkHref?: string | undefined): void;
-    handleMouseover(): void;
+    onClick(event: MouseEvent | KeyboardEvent, navigate?: Function | undefined, routerLinkHref?: string | undefined): void;
     showActions(): void;
     hideActions(): void;
     /**
-     * Show actions upon focus
+     * @param {FocusEvent} event UI event
      */
-    handleFocus(): void;
-    handleBlur(): void;
+    handleBlur(event: FocusEvent): void;
     /**
      * Hide the actions on mouseleave unless the menu is open
      */
     handleMouseleave(): void;
-    /**
-     * This method checks if the root element of the component is focused and
-     * if that's the case it focuses the actions button if available
-     *
-     * @param {Event} e the keydown event
-     */
-    handleTab(e: Event): void;
+    handleMouseover(): void;
     handleActionsUpdateOpen(e: any): void;
     checkSlots(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:menuOpen")[], "click" | "update:menuOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/NcRichContenteditable/NcAutoCompleteResult.vue.d.ts

@@ -1,7 +1,16 @@
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * @deprecated Use `label` instead
+     */
     title: {
         type: StringConstructor;
-        required: true;
+        required: false;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: null;
     };
     subline: {
         type: StringConstructor;
@@ -29,12 +38,22 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, any, any, {
     avatarUrl(): any;
+    labelWithFallback(): any;
 }, {
     getAvatarUrl(user: any, size: any): string;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @deprecated Use `label` instead
+     */
     title: {
         type: StringConstructor;
-        required: true;
+        required: false;
+        default: null;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: null;
     };
     subline: {
         type: StringConstructor;
@@ -61,6 +80,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    label: string;
+    title: string;
     id: string;
     status: Record<string, any> | unknown[];
     iconUrl: string;

package/dist/src/components/NcRichContenteditable/NcRichContenteditable.vue.d.ts

@@ -86,44 +86,22 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: string;
     };
-}, any, {
+}, {
     labelId: string;
-    textSmiles: never[];
-    tribute: null;
-    autocompleteOptions: {
-        allowSpaces: boolean;
-        fillAttr: string;
-        lookup: (result: any) => string;
-        menuContainer: Element;
-        menuItemTemplate: (item: any) => string;
-        noMatchTemplate: () => "<span class=\"hidden\"></span>";
-        selectTemplate: (item: any) => string;
-        values: never;
-    };
-    emojiOptions: {
-        trigger: string;
-        lookup: (result: any, query: any) => any;
-        menuContainer: Element;
-        menuItemTemplate: (item: any) => any;
-        noMatchTemplate: () => string;
-        selectTemplate: (item: any) => any;
-        values: (text: any, cb: any) => void;
-        containerClass: string;
-        itemClass: string;
-    };
-    linkOptions: {
-        trigger: string;
-        lookup: (result: any, query: any) => any;
-        menuContainer: Element;
-        menuItemTemplate: (item: any) => string;
-        noMatchTemplate: () => string;
-        selectTemplate: never;
-        values: (text: any, cb: any) => any;
-        containerClass: string;
-        itemClass: string;
-    };
+    tributeId: string;
+    /**
+     * Non-reactive property to store Tribute instance
+     *
+     * @type {import('tributejs').default | null}
+     */
+    tribute: import("tributejs").default<any> | null;
+    tributeStyleMutationObserver: null;
+}, {
     localValue: string;
     isComposing: boolean;
+    isAutocompleteOpen: boolean;
+    autocompleteActiveId: undefined;
+    isTributeIntegrationDone: boolean;
 }, {
     /**
      * Is the current trimmed value empty?
@@ -155,6 +133,10 @@ declare const _default: import("vue").DefineComponent<{
      * @return {boolean}
      */
     canEdit(): boolean;
+    /**
+     * Compute debounce function for the autocomplete function
+     */
+    debouncedAutoComplete(): debounce.DebouncedFunction<(search: any, callback: any) => Promise<void>>;
 }, {
     /**
      * Focus the richContenteditable
@@ -162,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
      * @public
      */
     focus(): void;
+    initializeTribute(): void;
     getLink(item: any): "<span id=\"tmp-smart-picker-result-node\"></span>";
     setCursorAfter(element: any): void;
     moveCursorToEnd(): void;
@@ -212,11 +195,34 @@ declare const _default: import("vue").DefineComponent<{
      * @param {Event} event the keydown event
      */
     onCtrlEnter(event: Event): void;
+    onKeyUp(event: any): void;
     /**
-     * Debounce the autocomplete function
+     * Get HTML element with Tribute.js container
+     * @return {HTMLElement}
      */
-    debouncedAutoComplete: debounce.DebouncedFunction<(search: any, callback: any) => Promise<void>>;
-    onKeyUp(event: any): void;
+    getTributeContainer(): HTMLElement;
+    /**
+     * Get the currently selected item element id in Tribute.js container
+     * @return {HTMLElement}
+     */
+    getTributeSelectedItem(): HTMLElement;
+    /**
+     * Handle Tribute activation
+     * @param {boolean} isActive - is active
+     */
+    onTributeActive(isActive: boolean): void;
+    onTributeArrowKeyDown(): void;
+    onTributeSelectedItemWillChange(): void;
+    setupTributeIntegration(): void;
+    /**
+     * Set tribute-container--focus-visible class on the Tribute container when the user navigates the listbox via keyboard.
+     *
+     * Because the real focus is kept on the textbox, we cannot use the :focus-visible pseudo-class
+     * to style selected options in the autocomplete listbox.
+     *
+     * @param {boolean} withFocusVisible - should the focus-visible class be added
+     */
+    setTributeFocusVisible(withFocusVisible: boolean): void;
 }, {
     props: {
         userData: {

package/dist/src/components/NcRichText/NcReferenceWidget.vue.d.ts

@@ -18,6 +18,17 @@ declare const _default: import("vue").DefineComponent<{
         display?: undefined;
     };
     compactLink(): any;
+    route(): import("vue-router").RouteLocation | null;
+    referenceWidgetLinkComponent(): "a" | import("vue-router")._RouterLinkI;
+    referenceWidgetLinkProps(): {
+        to: import("vue-router").RouteLocation;
+        href?: undefined;
+        target?: undefined;
+    } | {
+        href: any;
+        target: string;
+        to?: undefined;
+    };
 }, {
     renderWidget(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/NcRichText/NcRichText.vue.d.ts

@@ -129,11 +129,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     text: string;
     arguments: Record<string, any>;
-    interactive: boolean;
-    references: Record<string, any>;
     autolink: boolean;
     useMarkdown: boolean;
     useExtendedMarkdown: boolean;
+    interactive: boolean;
+    references: Record<string, any>;
     referenceLimit: number;
     markdownCssClasses: Record<string, any>;
 }, {}>;

package/dist/src/components/NcRichText/autolink.d.ts

@@ -0,0 +1,8 @@
+import type { RouteLocation, Router } from 'vue-router';
+export declare const remarkAutolink: ({ autolink, useMarkdown, useExtendedMarkdown }: {
+    autolink: any;
+    useMarkdown: any;
+    useExtendedMarkdown: any;
+}) => (tree: any) => void;
+export declare const parseUrl: (text: string) => string | (string | Record<string, any>)[];
+export declare const getRoute: (router: Router, url: string) => RouteLocation | null;

package/dist/src/components/NcSelect/NcSelect.vue.d.ts

@@ -1,6 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {
     search: string;
 }, {
+    inputRequired(): any;
     localCalculatePosition(): any;
     localFilterBy(): any;
     localLabel(): any;

package/dist/vendor.LICENSE.txt

@@ -2,4 +2,8 @@ Included dependencies:
 
 vue-material-design-icons
 version: 5.3.0
+license: MIT
+
+vue-router
+version: 4.2.5
 license: MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.2",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -77,7 +77,7 @@
     "@nextcloud/initial-state": "^2.0.0",
     "@nextcloud/l10n": "^2.0.1",
     "@nextcloud/logger": "^2.2.1",
-    "@nextcloud/router": "^2.0.0",
+    "@nextcloud/router": "^3.0.0",
     "@vueuse/components": "^10.0.2",
     "@vueuse/core": "^10.1.2",
     "clone": "^2.1.2",
@@ -106,7 +106,7 @@
     "vue-select": "^4.0.0-beta.6"
   },
   "peerDependencies": {
-    "vue": "^3.4.13"
+    "vue": "^3.4.19"
   },
   "engines": {
     "node": "^20.0.0",
@@ -132,13 +132,13 @@
     "@vue/tsconfig": "^0.4.0",
     "babel-loader-exclude-node-modules-except": "^1.2.1",
     "cypress": "^13.3.3",
-    "cypress-visual-regression": "^4.0.0",
+    "cypress-visual-regression": "^5.0.0",
     "eslint-plugin-cypress": "^2.11.1",
     "file-loader": "^6.2.0",
     "gettext-extractor": "^3.7.2",
-    "gettext-parser": "^7.0.0",
+    "gettext-parser": "^8.0.0",
     "glob": "^10.0.0",
-    "jsdom": "^22.1.0",
+    "jsdom": "^24.0.0",
     "resolve-url-loader": "^5.0.0",
     "sanitize-filename": "^1.6.3",
     "ts-node": "^10.9.2",

package/dist/assets/NcActionButton-De4wlKZH.css

@@ -1,134 +0,0 @@
-@charset "UTF-8";
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-.material-design-icon[data-v-c3504a17] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- * @author Marco Ambrosini <marcoambrosini@icloud.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-li.action.active[data-v-c3504a17] {
-  background-color: var(--color-background-hover);
-  border-radius: 6px;
-  padding: 0;
-}
-.action--disabled[data-v-c3504a17] {
-  pointer-events: none;
-  opacity: .5;
-}
-.action--disabled[data-v-c3504a17]:hover,
-.action--disabled[data-v-c3504a17]:focus {
-  cursor: default;
-  opacity: .5;
-}
-.action--disabled *[data-v-c3504a17] {
-  opacity: 1 !important;
-}
-.action-button[data-v-c3504a17] {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  height: auto;
-  margin: 0;
-  padding: 0 14px 0 0;
-  box-sizing: border-box;
-  cursor: pointer;
-  white-space: nowrap;
-  color: var(--color-main-text);
-  border: 0;
-  border-radius: 0;
-  background-color: transparent;
-  box-shadow: none;
-  font-weight: 400;
-  font-size: var(--default-font-size);
-  line-height: 44px;
-}
-.action-button > span[data-v-c3504a17] {
-  cursor: pointer;
-  white-space: nowrap;
-}
-.action-button__icon[data-v-c3504a17] {
-  width: 44px;
-  height: 44px;
-  opacity: 1;
-  background-position: 14px center;
-  background-size: 16px;
-  background-repeat: no-repeat;
-}
-.action-button[data-v-c3504a17] .material-design-icon {
-  width: 44px;
-  height: 44px;
-  opacity: 1;
-}
-.action-button[data-v-c3504a17] .material-design-icon .material-design-icon__svg {
-  vertical-align: middle;
-}
-.action-button__longtext-wrapper[data-v-c3504a17],
-.action-button__longtext[data-v-c3504a17] {
-  max-width: 220px;
-  line-height: 1.6em;
-  padding: 10.8px 0;
-  cursor: pointer;
-  text-align: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.action-button__longtext[data-v-c3504a17] {
-  cursor: pointer;
-  white-space: pre-wrap !important;
-}
-.action-button__name[data-v-c3504a17] {
-  font-weight: 700;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  max-width: 100%;
-  display: inline-block;
-}
-.action-button__menu-icon[data-v-c3504a17],
-.action-button__pressed-icon[data-v-c3504a17] {
-  margin-left: auto;
-  margin-right: -14px;
-}