cozy-ui 135.5.0 → 135.6.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [135.6.0](https://github.com/cozy/cozy-ui/compare/v135.5.0...v135.6.0) (2026-01-27)
+
+
+### Features
+
+* Implement new actions ExportToText and new icons :sparkles: ([6714f4a](https://github.com/cozy/cozy-ui/commit/6714f4a))
+
 # [135.5.0](https://github.com/cozy/cozy-ui/compare/v135.4.0...v135.5.0) (2026-01-24)
 
 

package/assets/icons/ui/expand.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8 15.2a.8.8 0 0 0-.8-.8H2.8a.8.8 0 0 0 0 1.6H14a.8.8 0 0 0 .8-.8ZM14.8.8A.8.8 0 0 0 14 0H2.8a.8.8 0 1 0 0 1.6H14a.8.8 0 0 0 .8-.8ZM6.893 9.833a.799.799 0 0 0-1.128 1.132l1.928 1.928a1 1 0 0 0 1.414 0l1.928-1.928a.799.799 0 0 0-1.128-1.132l-.707.703V5.464l.707.703a.799.799 0 0 0 1.128-1.132L9.107 3.107a1 1 0 0 0-1.414 0L5.765 5.035a.799.799 0 0 0 1.128 1.132l.707-.703v5.072l-.707-.703Z" fill="#2C3038"/></svg>

package/assets/icons/ui/export.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8 4v10.4l-.008.159A1.6 1.6 0 0 1 13.2 16H3.6a1.6 1.6 0 0 1-1.014-.362l-.117-.107a1.6 1.6 0 0 1-.461-.972L2 14.4V1.6c0-.372.13-.73.362-1.014L2.47.469A1.6 1.6 0 0 1 3.599 0h7.2l4 4ZM3.6 14.4h9.6V5.6h-1.598a2.4 2.4 0 0 1-2.4-2.4V1.6H3.6v12.8Zm7.202-11.2a.8.8 0 0 0 .8.8h.935l-1.736-1.736V3.2Z" fill="#2C3038"/><path d="M8.401 7.2a.8.8 0 0 1 .8.799v2.867l1.034-1.032a.8.8 0 1 1 1.131 1.13l-2.4 2.401a.794.794 0 0 1-.436.222.817.817 0 0 1-.13.013.793.793 0 0 1-.127-.013.794.794 0 0 1-.438-.222l-2.4-2.4a.8.8 0 1 1 1.131-1.131l1.035 1.034V8a.8.8 0 0 1 .8-.8Z" fill="#2C3038"/></svg>

package/assets/icons/ui/narrow.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.736.264a.9.9 0 0 1 0 1.274L12.07 5.204h2.027a.9.9 0 1 1 0 1.802H9.896a.9.9 0 0 1-.901-.9V1.901a.9.9 0 1 1 1.802 0V3.93L14.462.264a.9.9 0 0 1 1.274 0ZM1 9.895a.9.9 0 0 1 .902-.901h4.203a.9.9 0 0 1 .901.9v4.204a.9.9 0 0 1-1.802 0V12.07l-3.666 3.667a.9.9 0 0 1-1.274-1.274l3.667-3.666H1.9a.9.9 0 0 1-.9-.901Z" fill="#2C3038"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "135.5.0",
+  "version": "135.6.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/ActionsMenu/Actions/exportToText.js

@@ -0,0 +1,54 @@
+import React, { forwardRef } from 'react'
+
+import logger from 'cozy-logger'
+
+import { downloadBlob } from './helpers'
+import { getActionsI18n } from './locales/withActionsLocales'
+import { makePdfBlobFromText } from './pdfHelpers'
+import Icon from '../../Icon'
+import ExportIcon from '../../Icons/Export'
+import ListItemIcon from '../../ListItemIcon'
+import ListItemText from '../../ListItemText'
+import ActionsMenuItem from '../ActionsMenuItem'
+
+const makeComponent = (label, icon) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = 'exportToText'
+
+  return Component
+}
+
+export const exportToText = ({ exportedText, file }) => {
+  const { t } = getActionsI18n()
+  const icon = ExportIcon
+  const label = t('exportToText')
+
+  return {
+    name: 'exportToText',
+    icon,
+    label,
+    displayCondition: () => !!exportedText,
+    Component: makeComponent(label, icon),
+    action: async () => {
+      try {
+        const blob = await makePdfBlobFromText(exportedText)
+        const baseName = file?.name
+          ? `${file.name.replace(/\.[^/.]+$/, '')}_export`
+          : 'export'
+        downloadBlob(blob, `${baseName}.pdf`)
+      } catch (error) {
+        logger.error(error)
+      }
+    }
+  }
+}

package/react/ActionsMenu/Actions/helpers.js

@@ -238,3 +238,23 @@ export const makePdfBlob = async ({ client, docs, fetchBlobFileById }) => {
 
   return blob
 }
+
+/**
+ * Trigger a browser download for a given blob.
+ *
+ * @param {Blob} blob - File content
+ * @param {string} filename - Desired filename
+ * @returns {void}
+ */
+export const downloadBlob = (blob, filename) => {
+  if (!blob || !filename) return
+
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = filename
+  a.style.display = 'none'
+  document.body.appendChild(a)
+  a.click()
+  a.remove()
+}

package/react/ActionsMenu/Actions/index.js

@@ -13,3 +13,4 @@ export { viewInDrive } from './viewInDrive'
 export { copyToClipboard } from './copyToClipboard'
 export { editAttribute } from './editAttribute'
 export { others } from './others'
+export { exportToText } from './exportToText'

package/react/ActionsMenu/Actions/locales/en.json

@@ -25,5 +25,6 @@
     "success": "Copied to clipboard",
     "error": "Cannot copy to clipboard"
   },
-  "call": "Call"
+  "call": "Call",
+  "exportToText": "Export as text"
 }

package/react/ActionsMenu/Actions/locales/fr.json

@@ -25,5 +25,6 @@
     "success": "Copié dans le presse-papier",
     "error": "Impossible de copier dans le presse-papier"
   },
-  "call": "Appeler"
+  "call": "Appeler",
+  "exportToText": "Exporter en texte"
 }

package/react/ActionsMenu/Actions/locales/ru.json

@@ -25,5 +25,6 @@
     "success": "Скопировано в буфер обмена",
     "error": "Не удается скопировать в буфер обмена"
   },
-  "call": "Звонить"
-}
+  "call": "Звонить",
+  "exportToText": "Экспортировать как текст"
+}

package/react/ActionsMenu/Actions/locales/vi.json

@@ -25,5 +25,6 @@
     "success": "Đã sao chép vào clipboard",
     "error": "Không thể sao chép vào clipboard"
   },
-  "call": "Gọi"
-}
+  "call": "Gọi",
+  "exportToText": "Xuất dưới dạng văn bản"
+}

package/react/ActionsMenu/Actions/pdfHelpers.js

@@ -0,0 +1,187 @@
+import { PDFDocument, StandardFonts } from 'pdf-lib'
+
+/**
+ * Wrap a string into multiple lines based on available width.
+ *
+ * @param {object} opts
+ * @param {import('pdf-lib').PDFFont} opts.font - Embedded pdf-lib font
+ * @param {number} opts.fontSize - Font size
+ * @param {number} opts.maxLineWidth - Max line width in PDF units
+ * @param {string} opts.line - Text to wrap
+ * @returns {string[]} Wrapped lines
+ */
+export const wrapTextToLines = ({ font, fontSize, maxLineWidth, line }) => {
+  if (!line) return []
+  if (fontSize <= 0 || maxLineWidth <= 0) return [line]
+
+  const words = line.split(' ')
+
+  return words.reduce((lines, word) => {
+    const currentLine = lines[lines.length - 1]
+
+    if (!currentLine) {
+      return [word]
+    }
+
+    const testLine = `${currentLine} ${word}`
+    const testWidth = font.widthOfTextAtSize(testLine, fontSize)
+
+    if (testWidth <= maxLineWidth) {
+      lines[lines.length - 1] = testLine
+    } else {
+      lines.push(word)
+    }
+
+    return lines
+  }, [])
+}
+
+/**
+ * Add a new page if there is not enough space to draw a new line.
+ *
+ * @param {object} opts
+ * @param {PDFDocument} opts.pdfDoc - pdf-lib document
+ * @param {import('pdf-lib').PDFPage} opts.page - Current page
+ * @param {number} opts.y - Current y cursor position
+ * @param {number} opts.requiredHeight - Height required before adding a new page
+ * @param {number} opts.marginTop - Top margin
+ * @param {number} opts.marginBottom - Bottom margin
+ * @returns {{ page: import('pdf-lib').PDFPage, y: number }} Updated page and y
+ */
+export const pushNewPageIfNeeded = ({
+  pdfDoc,
+  page,
+  y,
+  requiredHeight,
+  marginTop,
+  marginBottom
+}) => {
+  if (!pdfDoc || !page) {
+    throw new Error('pdfDoc and page are required')
+  }
+
+  const { width, height } = page.getSize()
+
+  if (y - requiredHeight < marginBottom) {
+    const newPage = pdfDoc.addPage([width, height])
+    return {
+      page: newPage,
+      y: height - marginTop
+    }
+  }
+
+  return { page, y }
+}
+
+/**
+ * Draws a plain text string onto a PDF, wrapping lines to max width and handling page breaks.
+ *
+ * @param {object} opts
+ * @param {PDFDocument} opts.pdfDoc - pdf-lib document
+ * @param {import('pdf-lib').PDFPage} opts.page - Current page
+ * @param {number} opts.y - Current y cursor position
+ * @param {string} opts.text - Text to draw
+ * @param {import('pdf-lib').PDFFont} opts.font - Embedded pdf-lib font
+ * @param {number} opts.fontSize - Font size
+ * @param {number} opts.lineHeight - Line height
+ * @param {number} opts.marginX - Left margin
+ * @param {number} opts.marginY - Top/bottom margin
+ * @param {number} opts.maxLineWidth - Max line width in PDF units
+ * @returns {{ page: import('pdf-lib').PDFPage, y: number }} Updated page and y
+ */
+export const drawWrappedText = ({
+  pdfDoc,
+  page,
+  y,
+  text,
+  font,
+  fontSize,
+  lineHeight,
+  marginX,
+  marginY,
+  maxLineWidth
+}) => {
+  let currentPage = page
+  let currentY = y
+
+  const paragraphs = String(text ?? '').split(/\r?\n/)
+
+  const renderItems = paragraphs.flatMap(paragraph => {
+    const wrappedLines = wrapTextToLines({
+      font,
+      fontSize,
+      maxLineWidth,
+      line: paragraph
+    })
+
+    return [...wrappedLines, { type: 'paragraphGap' }]
+  })
+
+  for (const item of renderItems) {
+    if (typeof item === 'object' && item.type === 'paragraphGap') {
+      currentY -= lineHeight / 2
+      continue
+    }
+
+    const nextState = pushNewPageIfNeeded({
+      pdfDoc,
+      page: currentPage,
+      y: currentY,
+      requiredHeight: lineHeight,
+      marginTop: marginY,
+      marginBottom: marginY
+    })
+
+    currentPage = nextState.page
+    currentY = nextState.y
+
+    currentPage.drawText(item, {
+      x: marginX,
+      y: currentY - fontSize,
+      size: fontSize,
+      font
+    })
+
+    currentY -= lineHeight
+  }
+
+  return { page: currentPage, y: currentY }
+}
+
+/**
+ * Creates a PDF Blob from a plain text string.
+ *
+ * @param {string} text - Text content to put into the PDF
+ * @returns {Promise<Blob>} PDF file as a Blob
+ */
+export const makePdfBlobFromText = async text => {
+  const pdfDoc = await PDFDocument.create()
+  const font = await pdfDoc.embedFont(StandardFonts.Helvetica)
+
+  const CONFIG = {
+    fontSize: 12,
+    lineHeight: 16,
+    marginX: 40,
+    marginY: 40,
+    pageSize: [595.28, 841.89] // A4
+  }
+
+  const maxLineWidth = CONFIG.pageSize[0] - CONFIG.marginX * 2
+  const initialPage = pdfDoc.addPage(CONFIG.pageSize)
+
+  drawWrappedText({
+    pdfDoc,
+    page: initialPage,
+    y: CONFIG.pageSize[1] - CONFIG.marginY,
+    text,
+    font,
+    fontSize: CONFIG.fontSize,
+    lineHeight: CONFIG.lineHeight,
+    marginX: CONFIG.marginX,
+    marginY: CONFIG.marginY,
+    maxLineWidth
+  })
+
+  const pdfBytes = await pdfDoc.save()
+  return new Blob([pdfBytes], { type: 'application/pdf' })
+}

package/react/Icon/Readme.md

@@ -170,7 +170,9 @@ import EmailOpen from 'cozy-ui/transpiled/react/Icons/EmailOpen'
 import Eu from 'cozy-ui/transpiled/react/Icons/Eu'
 import Euro from 'cozy-ui/transpiled/react/Icons/Euro'
 import Exchange from 'cozy-ui/transpiled/react/Icons/Exchange'
+import Expand from 'cozy-ui/transpiled/react/Icons/Expand'
 import Expert from 'cozy-ui/transpiled/react/Icons/Expert'
+import Export from 'cozy-ui/transpiled/react/Icons/Export'
 import Eye from 'cozy-ui/transpiled/react/Icons/Eye'
 import EyeClosed from 'cozy-ui/transpiled/react/Icons/EyeClosed'
 import FaceId from 'cozy-ui/transpiled/react/Icons/FaceId'
@@ -245,6 +247,7 @@ import MovementOut from 'cozy-ui/transpiled/react/Icons/MovementOut'
 import Moveto from 'cozy-ui/transpiled/react/Icons/Moveto'
 import MultiFiles from 'cozy-ui/transpiled/react/Icons/MultiFiles'
 import Music from 'cozy-ui/transpiled/react/Icons/Music'
+import Narrow from 'cozy-ui/transpiled/react/Icons/Narrow'
 import New from 'cozy-ui/transpiled/react/Icons/New'
 import Next from 'cozy-ui/transpiled/react/Icons/Next'
 import Note from 'cozy-ui/transpiled/react/Icons/Note'
@@ -461,7 +464,9 @@ const icons = [
   Eu,
   Euro,
   Exchange,
+  Expand,
   Expert,
+  Export,
   Eye,
   EyeClosed,
   FaceId,
@@ -536,6 +541,7 @@ const icons = [
   Moveto,
   MultiFiles,
   Music,
+  Narrow,
   New,
   Next,
   Note,
@@ -1014,7 +1020,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
 let i = 0
-const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp', 'article', 'assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','database','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','expert','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','matrix','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','planet','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','send','server','setting','share-circle','share','shield','shield-infected','shield-clean','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
+const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp', 'article', 'assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','database','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','expand','expert','export','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','matrix','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','narrow','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','planet','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','send','server','setting','share-circle','share','shield','shield-infected','shield-clean','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
 ;
 
 <Grid container spacing={2}>

package/react/Icons/Expand.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/expand.svg` to regenerate;
+import React from 'react'
+
+function SvgExpand(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path d="M14.8 15.2a.8.8 0 00-.8-.8H2.8a.8.8 0 000 1.6H14a.8.8 0 00.8-.8zm0-14.4A.8.8 0 0014 0H2.8a.8.8 0 100 1.6H14a.8.8 0 00.8-.8zM6.893 9.833a.799.799 0 00-1.128 1.132l1.928 1.928a1 1 0 001.414 0l1.928-1.928a.799.799 0 00-1.128-1.132l-.707.703V5.464l.707.703a.799.799 0 001.128-1.132L9.107 3.107a1 1 0 00-1.414 0L5.765 5.035a.799.799 0 001.128 1.132l.707-.703v5.072l-.707-.703z" />
+    </svg>
+  )
+}
+
+export default SvgExpand

package/react/Icons/Export.jsx

@@ -0,0 +1,13 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/export.svg` to regenerate;
+import React from 'react'
+
+function SvgExport(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path d="M14.8 4v10.4l-.008.159A1.6 1.6 0 0113.2 16H3.6a1.6 1.6 0 01-1.014-.362l-.117-.107a1.6 1.6 0 01-.461-.972L2 14.4V1.6c0-.372.13-.73.362-1.014L2.47.469A1.6 1.6 0 013.599 0h7.2l4 4zM3.6 14.4h9.6V5.6h-1.598a2.4 2.4 0 01-2.4-2.4V1.6H3.6v12.8zm7.202-11.2a.8.8 0 00.8.8h.935l-1.736-1.736V3.2z" />
+      <path d="M8.401 7.2a.8.8 0 01.8.799v2.867l1.034-1.032a.8.8 0 111.131 1.13l-2.4 2.401a.794.794 0 01-.436.222.817.817 0 01-.13.013.793.793 0 01-.127-.013.794.794 0 01-.438-.222l-2.4-2.4a.8.8 0 111.131-1.131l1.035 1.034V8a.8.8 0 01.8-.8z" />
+    </svg>
+  )
+}
+
+export default SvgExport

package/react/Icons/Narrow.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/narrow.svg` to regenerate;
+import React from 'react'
+
+function SvgNarrow(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.736.264a.9.9 0 010 1.274L12.07 5.204h2.027a.9.9 0 110 1.802H9.896a.9.9 0 01-.901-.9V1.901a.9.9 0 111.802 0V3.93L14.462.264a.9.9 0 011.274 0zM1 9.895a.9.9 0 01.902-.901h4.203a.9.9 0 01.901.9v4.204a.9.9 0 01-1.802 0V12.07l-3.666 3.667a.9.9 0 01-1.274-1.274l3.667-3.666H1.9a.9.9 0 01-.9-.901z"
+      />
+    </svg>
+  )
+}
+
+export default SvgNarrow

package/transpiled/react/ActionsMenu/Actions/exportToText.d.ts

@@ -0,0 +1,13 @@
+export function exportToText({ exportedText, file }: {
+    exportedText: any;
+    file: any;
+}): {
+    name: string;
+    icon: typeof ExportIcon;
+    label: any;
+    displayCondition: () => boolean;
+    Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    action: () => Promise<void>;
+};
+import ExportIcon from "../../Icons/Export";
+import React from "react";

package/transpiled/react/ActionsMenu/Actions/exportToText.js

@@ -0,0 +1,84 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { forwardRef } from 'react';
+import logger from 'cozy-logger';
+import { downloadBlob } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import { makePdfBlobFromText } from "cozy-ui/transpiled/react/ActionsMenu/Actions/pdfHelpers";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import ExportIcon from "cozy-ui/transpiled/react/Icons/Export";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'exportToText';
+  return Component;
+};
+
+export var exportToText = function exportToText(_ref) {
+  var exportedText = _ref.exportedText,
+      file = _ref.file;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = ExportIcon;
+  var label = t('exportToText');
+  return {
+    name: 'exportToText',
+    icon: icon,
+    label: label,
+    displayCondition: function displayCondition() {
+      return !!exportedText;
+    },
+    Component: makeComponent(label, icon),
+    action: function () {
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var blob, baseName;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return makePdfBlobFromText(exportedText);
+
+              case 3:
+                blob = _context.sent;
+                baseName = file !== null && file !== void 0 && file.name ? "".concat(file.name.replace(/\.[^/.]+$/, ''), "_export") : 'export';
+                downloadBlob(blob, "".concat(baseName, ".pdf"));
+                _context.next = 11;
+                break;
+
+              case 8:
+                _context.prev = 8;
+                _context.t0 = _context["catch"](0);
+                logger.error(_context.t0);
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[0, 8]]);
+      }));
+
+      function action() {
+        return _action.apply(this, arguments);
+      }
+
+      return action;
+    }()
+  };
+};

package/transpiled/react/ActionsMenu/Actions/helpers.d.ts

@@ -5,4 +5,5 @@ export function makeBase64FromFile(file: File): Promise<string | null>;
 export function fileToArrayBuffer(file: File): Promise<ArrayBuffer>;
 export function addFileToPdf(pdfDoc: PDFDocument, file: File): Promise<ArrayBuffer>;
 export function makePdfBlob({ client, docs, fetchBlobFileById }: object): Promise<object>;
+export function downloadBlob(blob: Blob, filename: string): void;
 import { PDFDocument } from "pdf-lib/cjs/api";

package/transpiled/react/ActionsMenu/Actions/helpers.js

@@ -475,4 +475,23 @@ export var makePdfBlob = /*#__PURE__*/function () {
   return function makePdfBlob(_x11) {
     return _ref11.apply(this, arguments);
   };
-}();
+}();
+/**
+ * Trigger a browser download for a given blob.
+ *
+ * @param {Blob} blob - File content
+ * @param {string} filename - Desired filename
+ * @returns {void}
+ */
+
+export var downloadBlob = function downloadBlob(blob, filename) {
+  if (!blob || !filename) return;
+  var url = URL.createObjectURL(blob);
+  var a = document.createElement('a');
+  a.href = url;
+  a.download = filename;
+  a.style.display = 'none';
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+};

package/transpiled/react/ActionsMenu/Actions/index.d.ts

@@ -13,3 +13,4 @@ export { viewInDrive } from "./viewInDrive";
 export { copyToClipboard } from "./copyToClipboard";
 export { editAttribute } from "./editAttribute";
 export { others } from "./others";
+export { exportToText } from "./exportToText";

package/transpiled/react/ActionsMenu/Actions/index.js

@@ -12,4 +12,5 @@ export { viewInContacts } from './viewInContacts';
 export { viewInDrive } from './viewInDrive';
 export { copyToClipboard } from './copyToClipboard';
 export { editAttribute } from './editAttribute';
-export { others } from './others';
+export { others } from './others';
+export { exportToText } from './exportToText';

package/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales.js

@@ -26,7 +26,8 @@ var en = {
     success: "Copied to clipboard",
     error: "Cannot copy to clipboard"
   },
-  call: "Call"
+  call: "Call",
+  exportToText: "Export as text"
 };
 var fr = {
   menu: "Menu",
@@ -55,7 +56,8 @@ var fr = {
     success: "Copi\xE9 dans le presse-papier",
     error: "Impossible de copier dans le presse-papier"
   },
-  call: "Appeler"
+  call: "Appeler",
+  exportToText: "Exporter en texte"
 };
 var ru = {
   menu: "\u041C\u0435\u043D\u044E",
@@ -84,7 +86,8 @@ var ru = {
     success: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",
     error: "\u041D\u0435 \u0443\u0434\u0430\u0435\u0442\u0441\u044F \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430"
   },
-  call: "\u0417\u0432\u043E\u043D\u0438\u0442\u044C"
+  call: "\u0417\u0432\u043E\u043D\u0438\u0442\u044C",
+  exportToText: "\u042D\u043A\u0441\u043F\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043A\u0430\u043A \u0442\u0435\u043A\u0441\u0442"
 };
 var vi = {
   menu: "Menu",
@@ -113,7 +116,8 @@ var vi = {
     success: "\u0110\xE3 sao ch\xE9p v\xE0o clipboard",
     error: "Kh\xF4ng th\u1EC3 sao ch\xE9p v\xE0o clipboard"
   },
-  call: "G\u1ECDi"
+  call: "G\u1ECDi",
+  exportToText: "Xu\u1EA5t d\u01B0\u1EDBi d\u1EA1ng v\u0103n b\u1EA3n"
 };
 export var locales = {
   en: en,