@conduction/nextcloud-vue 2.78.0 → 2.80.0

package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js

@@ -67,6 +67,11 @@ const _hoisted_29 = {
   class: "cn-files-browser__drop-hint",
   "data-testid": "cn-files-browser-drop-hint"
 };
+const _hoisted_30 = {
+  key: 0,
+  class: "cn-files-browser__upload-error",
+  role: "alert"
+};
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Upload = resolveComponent("Upload");
@@ -88,20 +93,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcDateTime = resolveComponent("NcDateTime");
   const _component_CnCellRenderer = resolveComponent("CnCellRenderer");
   const _component_NcActionSeparator = resolveComponent("NcActionSeparator");
+  const _component_Download = resolveComponent("Download");
+  const _component_NcActionLink = resolveComponent("NcActionLink");
+  const _component_TrashCanOutline = resolveComponent("TrashCanOutline");
   const _component_Pencil = resolveComponent("Pencil");
   const _component_OpenInNew = resolveComponent("OpenInNew");
-  const _component_NcActionLink = resolveComponent("NcActionLink");
-  const _component_Download = resolveComponent("Download");
   const _component_NcTextField = resolveComponent("NcTextField");
   const _component_NcDialog = resolveComponent("NcDialog");
 
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["cn-files-browser", { 'cn-files-browser--dragging': $data.dragging }]),
     "data-testid": "cn-files-browser",
-    onDragenter: _cache[16] || (_cache[16] = withModifiers((...args) => ($options.onDragEnter && $options.onDragEnter(...args)), ["prevent"])),
-    onDragover: _cache[17] || (_cache[17] = withModifiers((...args) => ($options.onDragOver && $options.onDragOver(...args)), ["prevent"])),
-    onDragleave: _cache[18] || (_cache[18] = withModifiers((...args) => ($options.onDragLeave && $options.onDragLeave(...args)), ["prevent"])),
-    onDrop: _cache[19] || (_cache[19] = withModifiers((...args) => ($options.onDrop && $options.onDrop(...args)), ["prevent"]))
+    onDragenter: _cache[18] || (_cache[18] = withModifiers((...args) => ($options.onDragEnter && $options.onDragEnter(...args)), ["prevent"])),
+    onDragover: _cache[19] || (_cache[19] = withModifiers((...args) => ($options.onDragOver && $options.onDragOver(...args)), ["prevent"])),
+    onDragleave: _cache[20] || (_cache[20] = withModifiers((...args) => ($options.onDragLeave && $options.onDragLeave(...args)), ["prevent"])),
+    onDrop: _cache[21] || (_cache[21] = withModifiers((...args) => ($options.onDrop && $options.onDrop(...args)), ["prevent"]))
   }, [
     ($props.dropOverlay && $data.dragging)
       ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -158,85 +164,88 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["menuName"]))
         : createCommentVNode("v-if", true),
-      createVNode(_component_NcActions, {
-        menuName: $props.newLabel,
-        forceMenu: true,
-        forceName: true,
-        variant: $props.uploadButton ? 'secondary' : 'primary',
-        disabled: $data.folder === null,
-        "data-testid": "cn-files-browser-new"
-      }, {
-        icon: withCtx(() => [
-          createVNode(_component_Plus, { size: 20 })
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_NcActionButton, {
-            closeAfterClick: true,
-            "data-testid": "cn-files-browser-upload",
-            onClick: $options.pickFiles
+      ($options.canChange)
+        ? (openBlock(), createBlock(_component_NcActions, {
+            key: 1,
+            menuName: $props.newLabel,
+            forceMenu: true,
+            forceName: true,
+            variant: $props.uploadButton ? 'secondary' : 'primary',
+            disabled: $data.folder === null,
+            "data-testid": "cn-files-browser-new"
           }, {
             icon: withCtx(() => [
-              createVNode(_component_Upload, { size: 20 })
+              createVNode(_component_Plus, { size: 20 })
             ]),
             default: withCtx(() => [
-              createTextVNode(" " + toDisplayString($props.uploadLabel), 1 /* TEXT */)
+              createVNode(_component_NcActionButton, {
+                closeAfterClick: true,
+                "data-testid": "cn-files-browser-upload",
+                onClick: $options.pickFiles
+              }, {
+                icon: withCtx(() => [
+                  createVNode(_component_Upload, { size: 20 })
+                ]),
+                default: withCtx(() => [
+                  createTextVNode(" " + toDisplayString($props.uploadLabel), 1 /* TEXT */)
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["onClick"]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($options.newMenuEntries, (entry) => {
+                return (openBlock(), createBlock(_component_NcActionButton, {
+                  key: entry.id,
+                  closeAfterClick: true,
+                  "data-testid": `cn-files-browser-new-${entry.id}`,
+                  onClick: $event => ($options.runNewEntry(entry))
+                }, {
+                  icon: withCtx(() => [
+                    (entry.iconSvgInline)
+                      ? (openBlock(), createBlock(_component_NcIconSvgWrapper, {
+                          key: 0,
+                          svg: entry.iconSvgInline
+                        }, null, 8 /* PROPS */, ["svg"]))
+                      : (entry.iconClass)
+                        ? (openBlock(), createElementBlock("span", {
+                            key: 1,
+                            class: normalizeClass(entry.iconClass)
+                          }, null, 2 /* CLASS */))
+                        : (openBlock(), createBlock(_component_Plus, {
+                            key: 2,
+                            size: 20
+                          }))
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(" " + toDisplayString(entry.displayName), 1 /* TEXT */)
+                  ]),
+                  _: 2 /* DYNAMIC */
+                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+              }), 128 /* KEYED_FRAGMENT */)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.newActions, (action) => {
+                return (openBlock(), createBlock(_component_NcActionButton, {
+                  key: `host-${action.id}`,
+                  closeAfterClick: true,
+                  "data-testid": `cn-files-browser-new-host-${action.id}`,
+                  onClick: $event => ($options.runHostAction(action, null))
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(_component_CnIcon, {
+                      name: action.icon || 'Plus',
+                      size: 20
+                    }, null, 8 /* PROPS */, ["name"])
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(" " + toDisplayString(action.label), 1 /* TEXT */)
+                  ]),
+                  _: 2 /* DYNAMIC */
+                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+              }), 128 /* KEYED_FRAGMENT */))
             ]),
             _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["onClick"]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList($options.newMenuEntries, (entry) => {
-            return (openBlock(), createBlock(_component_NcActionButton, {
-              key: entry.id,
-              closeAfterClick: true,
-              "data-testid": `cn-files-browser-new-${entry.id}`,
-              onClick: $event => ($options.runNewEntry(entry))
-            }, {
-              icon: withCtx(() => [
-                (entry.iconSvgInline)
-                  ? (openBlock(), createBlock(_component_NcIconSvgWrapper, {
-                      key: 0,
-                      svg: entry.iconSvgInline
-                    }, null, 8 /* PROPS */, ["svg"]))
-                  : (entry.iconClass)
-                    ? (openBlock(), createElementBlock("span", {
-                        key: 1,
-                        class: normalizeClass(entry.iconClass)
-                      }, null, 2 /* CLASS */))
-                    : (openBlock(), createBlock(_component_Plus, {
-                        key: 2,
-                        size: 20
-                      }))
-              ]),
-              default: withCtx(() => [
-                createTextVNode(" " + toDisplayString(entry.displayName), 1 /* TEXT */)
-              ]),
-              _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
-          }), 128 /* KEYED_FRAGMENT */)),
-          (openBlock(true), createElementBlock(Fragment, null, renderList($props.newActions, (action) => {
-            return (openBlock(), createBlock(_component_NcActionButton, {
-              key: `host-${action.id}`,
-              closeAfterClick: true,
-              "data-testid": `cn-files-browser-new-host-${action.id}`,
-              onClick: $event => ($options.runHostAction(action, null))
-            }, {
-              icon: withCtx(() => [
-                createVNode(_component_CnIcon, {
-                  name: action.icon || 'Plus',
-                  size: 20
-                }, null, 8 /* PROPS */, ["name"])
-              ]),
-              default: withCtx(() => [
-                createTextVNode(" " + toDisplayString(action.label), 1 /* TEXT */)
-              ]),
-              _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
-          }), 128 /* KEYED_FRAGMENT */))
-        ]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["menuName", "variant", "disabled"]),
-      ($props.uploadButton)
+          }, 8 /* PROPS */, ["menuName", "variant", "disabled"]))
+        : createCommentVNode("v-if", true),
+      ($props.uploadButton && $options.canChange)
         ? (openBlock(), createBlock(_component_NcButton, {
-            key: 1,
+            key: 2,
             variant: "primary",
             disabled: $data.folder === null,
             "data-testid": "cn-files-browser-upload-button",
@@ -309,7 +318,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ? (openBlock(), createBlock(_component_CnEmptyContent, {
               key: 5,
               name: $props.emptyLabel,
-              description: $props.emptyHint,
+              description: $options.canChange ? $props.emptyHint : '',
               class: "cn-files-browser__state"
             }, {
               icon: withCtx(() => [
@@ -474,22 +483,58 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           ($options.actionsFor(node).length > 0 || (!$options.isFolder(node) && $props.rowActions.length > 0))
                             ? (openBlock(), createBlock(_component_NcActionSeparator, { key: 1 }))
                             : createCommentVNode("v-if", true),
-                          createVNode(_component_NcActionButton, {
-                            closeAfterClick: true,
-                            "data-testid": "cn-files-browser-action-rename",
-                            onClick: $event => ($options.askRename(node))
-                          }, {
-                            icon: withCtx(() => [
-                              createVNode(_component_Pencil, { size: 20 })
-                            ]),
-                            default: withCtx(() => [
-                              createTextVNode(" " + toDisplayString($props.renameLabel), 1 /* TEXT */)
-                            ]),
-                            _: 1 /* STABLE */
-                          }, 8 /* PROPS */, ["onClick"]),
-                          (node.fileid)
+                          ($props.source && $options.sourceDownloadUrl(node))
                             ? (openBlock(), createBlock(_component_NcActionLink, {
                                 key: 2,
+                                href: $options.sourceDownloadUrl(node),
+                                download: node.basename,
+                                closeAfterClick: true,
+                                "data-testid": "cn-files-browser-action-download"
+                              }, {
+                                icon: withCtx(() => [
+                                  createVNode(_component_Download, { size: 20 })
+                                ]),
+                                default: withCtx(() => [
+                                  createTextVNode(" " + toDisplayString($props.downloadLabel), 1 /* TEXT */)
+                                ]),
+                                _: 1 /* STABLE */
+                              }, 8 /* PROPS */, ["href", "download"]))
+                            : createCommentVNode("v-if", true),
+                          ($props.source && $options.canChange)
+                            ? (openBlock(), createBlock(_component_NcActionButton, {
+                                key: 3,
+                                closeAfterClick: true,
+                                "data-testid": "cn-files-browser-action-delete",
+                                onClick: $event => ($options.askRemove(node))
+                              }, {
+                                icon: withCtx(() => [
+                                  createVNode(_component_TrashCanOutline, { size: 20 })
+                                ]),
+                                default: withCtx(() => [
+                                  createTextVNode(" " + toDisplayString($props.deleteLabel), 1 /* TEXT */)
+                                ]),
+                                _: 1 /* STABLE */
+                              }, 8 /* PROPS */, ["onClick"]))
+                            : createCommentVNode("v-if", true),
+                          ($options.canChange)
+                            ? (openBlock(), createBlock(_component_NcActionButton, {
+                                key: 4,
+                                closeAfterClick: true,
+                                "data-testid": "cn-files-browser-action-rename",
+                                onClick: $event => ($options.askRename(node))
+                              }, {
+                                icon: withCtx(() => [
+                                  createVNode(_component_Pencil, { size: 20 })
+                                ]),
+                                default: withCtx(() => [
+                                  createTextVNode(" " + toDisplayString($props.renameLabel), 1 /* TEXT */)
+                                ]),
+                                _: 1 /* STABLE */
+                              }, 8 /* PROPS */, ["onClick"]))
+                            : createCommentVNode("v-if", true),
+                          (node.fileid && !$props.source)
+                            ? (openBlock(), createBlock(_component_NcActionLink, {
+                                key: 5,
                                 href: $options.permalink(node),
                                 target: "_blank",
                                 closeAfterClick: true
@@ -620,7 +665,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }), 128 /* KEYED_FRAGMENT */))
               ])
             ])),
-    ($props.dropHint && !$data.loading && $data.error === '')
+    ($props.dropHint && $options.canChange && !$data.loading && $data.error === '')
       ? (openBlock(), createElementBlock("p", _hoisted_29, [
           createVNode(_component_Upload, { size: 16 }),
           createTextVNode(" " + toDisplayString($props.dropHintLabel), 1 /* TEXT */)
@@ -673,17 +718,54 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["name"]))
       : createCommentVNode("v-if", true),
-    ($data.newFolderOpen)
+    ($data.removing !== null)
       ? (openBlock(), createBlock(_component_NcDialog, {
           key: 9,
+          name: $props.deleteLabel,
+          size: "small",
+          "data-testid": "cn-files-browser-delete",
+          onClosing: _cache[13] || (_cache[13] = $event => ($data.removing = null))
+        }, {
+          actions: withCtx(() => [
+            createVNode(_component_NcButton, {
+              onClick: _cache[12] || (_cache[12] = $event => ($data.removing = null))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Cancel')), 1 /* TEXT */)
+              ]),
+              _: 1 /* STABLE */
+            }),
+            createVNode(_component_NcButton, {
+              variant: "error",
+              "data-testid": "cn-files-browser-delete-confirm",
+              onClick: $options.remove
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($props.deleteLabel), 1 /* TEXT */)
+              ]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["onClick"])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("p", null, toDisplayString($options.t('nextcloud-vue', 'Delete {name}? This cannot be undone here.', { name: $data.removing.basename })), 1 /* TEXT */),
+            ($data.removeError)
+              ? (openBlock(), createElementBlock("p", _hoisted_30, toDisplayString($data.removeError), 1 /* TEXT */))
+              : createCommentVNode("v-if", true)
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["name"]))
+      : createCommentVNode("v-if", true),
+    ($data.newFolderOpen)
+      ? (openBlock(), createBlock(_component_NcDialog, {
+          key: 10,
           name: $props.newFolderLabel,
           size: "small",
           "data-testid": "cn-files-browser-new-folder",
-          onClosing: _cache[15] || (_cache[15] = $event => ($data.newFolderOpen = false))
+          onClosing: _cache[17] || (_cache[17] = $event => ($data.newFolderOpen = false))
         }, {
           actions: withCtx(() => [
             createVNode(_component_NcButton, {
-              onClick: _cache[14] || (_cache[14] = $event => ($data.newFolderOpen = false))
+              onClick: _cache[16] || (_cache[16] = $event => ($data.newFolderOpen = false))
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Cancel')), 1 /* TEXT */)
@@ -705,11 +787,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createElementVNode("form", {
               class: "cn-files-browser__new-folder",
-              onSubmit: _cache[13] || (_cache[13] = withModifiers((...args) => ($options.createFolder && $options.createFolder(...args)), ["prevent"]))
+              onSubmit: _cache[15] || (_cache[15] = withModifiers((...args) => ($options.createFolder && $options.createFolder(...args)), ["prevent"]))
             }, [
               createVNode(_component_NcTextField, {
                 modelValue: $data.newFolderName,
-                "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (($data.newFolderName) = $event)),
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (($data.newFolderName) = $event)),
                 label: $options.t('nextcloud-vue', 'Folder name'),
                 error: $data.newFolderError !== '',
                 helperText: $data.newFolderError,