cozy-ui 135.4.0 → 135.6.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [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)
+
+
+### Features
+
+* Add assistant icon :sparkles: ([19b4b67](https://github.com/cozy/cozy-ui/commit/19b4b67))
+
 # [135.4.0](https://github.com/cozy/cozy-ui/compare/v135.3.0...v135.4.0) (2026-01-21)
 
 

package/assets/icons/illus/assistant-color.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_19251_33606)"><path d="M6.626 10.332a1.333 1.333 0 0 0-.958-.958L1.578 8.32a.333.333 0 0 1 0-.642l4.09-1.055a1.333 1.333 0 0 0 .958-.957l1.055-4.09a.333.333 0 0 1 .642 0l1.054 4.09a1.333 1.333 0 0 0 .958.958l4.09 1.054a.333.333 0 0 1 0 .642l-4.09 1.054a1.333 1.333 0 0 0-.958.958l-1.055 4.09a.333.333 0 0 1-.642 0l-1.054-4.09Z" stroke="#868687" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.626 10.332a1.333 1.333 0 0 0-.958-.958L1.578 8.32a.333.333 0 0 1 0-.642l4.09-1.055a1.333 1.333 0 0 0 .958-.957l1.055-4.09a.333.333 0 0 1 .642 0l1.054 4.09a1.333 1.333 0 0 0 .958.958l4.09 1.054a.333.333 0 0 1 0 .642l-4.09 1.054a1.333 1.333 0 0 0-.958.958l-1.055 4.09a.333.333 0 0 1-.642 0l-1.054-4.09Z" stroke="url(#paint0_linear_19251_33606)" stroke-opacity=".9" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.335 1.334c.368 0 .667.3.667.667v.666h.668a.667.667 0 0 1 0 1.334h-.668v.667a.667.667 0 0 1-1.334 0v-.667h-.665a.667.667 0 0 1 0-1.334h.665v-.666c0-.368.299-.667.667-.667Z" fill="url(#paint1_linear_19251_33606)" fill-opacity=".9"/><path d="M2.667 10.667c.368 0 .665.298.666.665a.667.667 0 0 1 .001 1.333v.002a.667.667 0 0 1-1.334 0v-.001h-.001a.667.667 0 0 1 0-1.334H2a.667.667 0 0 1 .667-.665Z" fill="url(#paint2_linear_19251_33606)" fill-opacity=".9"/></g><defs><linearGradient id="paint0_linear_19251_33606" x1="1.336" y1="7.999" x2="19.625" y2="7.999" gradientUnits="userSpaceOnUse"><stop stop-color="#00B7FF"/><stop offset=".567" stop-color="#E06DD1"/><stop offset="1" stop-color="#FF0"/></linearGradient><linearGradient id="paint1_linear_19251_33606" x1="11.336" y1="3.334" x2="16.822" y2="3.334" gradientUnits="userSpaceOnUse"><stop stop-color="#00B7FF"/><stop offset=".567" stop-color="#E06DD1"/><stop offset="1" stop-color="#FF0"/></linearGradient><linearGradient id="paint2_linear_19251_33606" x1="1.332" y1="12.001" x2="4.99" y2="12.001" gradientUnits="userSpaceOnUse"><stop stop-color="#00B7FF"/><stop offset=".567" stop-color="#E06DD1"/><stop offset="1" stop-color="#FF0"/></linearGradient><clipPath id="clip0_19251_33606"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

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.4.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,
@@ -715,6 +721,7 @@ import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
 import cx from 'classnames'
 
 import AccountIcon from 'cozy-ui/transpiled/react/Icons/Account'
+import AssistantColorIcon from 'cozy-ui/transpiled/react/Icons/AssistantColor'
 import BottomSelectIcon from 'cozy-ui/transpiled/react/Icons/BottomSelect'
 import CreditCardLargeIcon from 'cozy-ui/transpiled/react/Icons/CreditCardLarge'
 import ChatIcon from 'cozy-ui/transpiled/react/Icons/Chat'
@@ -769,6 +776,7 @@ import TwakeWorkplace from 'cozy-ui/transpiled/react/Icons/TwakeWorkplace'
 
 const icons = [
   AccountIcon,
+  AssistantColorIcon,
   BottomSelectIcon,
   ChatIcon,
   CheckWhiteIcon,
@@ -1012,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}>
@@ -1044,7 +1052,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 import Grid from 'cozy-ui/transpiled/react/Grid'
 import Sprite from 'cozy-ui/transpiled/react/Icon/Sprite'
 
-const availableIcons = ['account', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-server', 'file-type-shared-drive', 'file-type-shared-drive-grey', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'only-office', 'store', 'top-select', 'trash-duotone', 'cozy'];
+const availableIcons = ['account', 'assistant-color', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-server', 'file-type-shared-drive', 'file-type-shared-drive-grey', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'only-office', 'store', 'top-select', 'trash-duotone', 'cozy'];
 
 <Grid container spacing={2}>
   <Sprite />

package/react/Icons/AssistantColor.jsx

@@ -0,0 +1,79 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/assistant-color.svg` to regenerate;
+import React from 'react'
+
+function SvgAssistantColor(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <g clipPath="url(#assistant-color_svg__clip0_19251_33606)">
+        <path
+          d="M6.626 10.332a1.333 1.333 0 00-.958-.958L1.578 8.32a.333.333 0 010-.642l4.09-1.055a1.333 1.333 0 00.958-.957l1.055-4.09a.333.333 0 01.642 0l1.054 4.09a1.333 1.333 0 00.958.958l4.09 1.054a.333.333 0 010 .642l-4.09 1.054a1.333 1.333 0 00-.958.958l-1.055 4.09a.333.333 0 01-.642 0l-1.054-4.09z"
+          stroke="#868687"
+          strokeWidth={1.333}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M6.626 10.332a1.333 1.333 0 00-.958-.958L1.578 8.32a.333.333 0 010-.642l4.09-1.055a1.333 1.333 0 00.958-.957l1.055-4.09a.333.333 0 01.642 0l1.054 4.09a1.333 1.333 0 00.958.958l4.09 1.054a.333.333 0 010 .642l-4.09 1.054a1.333 1.333 0 00-.958.958l-1.055 4.09a.333.333 0 01-.642 0l-1.054-4.09z"
+          stroke="url(#assistant-color_svg__paint0_linear_19251_33606)"
+          strokeOpacity={0.9}
+          strokeWidth={1.333}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M13.335 1.334c.368 0 .667.3.667.667v.666h.668a.667.667 0 010 1.334h-.668v.667a.667.667 0 01-1.334 0v-.667h-.665a.667.667 0 010-1.334h.665v-.666c0-.368.299-.667.667-.667z"
+          fill="url(#assistant-color_svg__paint1_linear_19251_33606)"
+          fillOpacity={0.9}
+        />
+        <path
+          d="M2.667 10.667c.368 0 .665.298.666.665a.667.667 0 01.001 1.333v.002a.667.667 0 01-1.334 0v-.001h-.001a.667.667 0 010-1.334H2a.667.667 0 01.667-.665z"
+          fill="url(#assistant-color_svg__paint2_linear_19251_33606)"
+          fillOpacity={0.9}
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="assistant-color_svg__paint0_linear_19251_33606"
+          x1={1.336}
+          y1={7.999}
+          x2={19.625}
+          y2={7.999}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00B7FF" />
+          <stop offset={0.567} stopColor="#E06DD1" />
+          <stop offset={1} stopColor="#FF0" />
+        </linearGradient>
+        <linearGradient
+          id="assistant-color_svg__paint1_linear_19251_33606"
+          x1={11.336}
+          y1={3.334}
+          x2={16.822}
+          y2={3.334}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00B7FF" />
+          <stop offset={0.567} stopColor="#E06DD1" />
+          <stop offset={1} stopColor="#FF0" />
+        </linearGradient>
+        <linearGradient
+          id="assistant-color_svg__paint2_linear_19251_33606"
+          x1={1.332}
+          y1={12.001}
+          x2={4.99}
+          y2={12.001}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00B7FF" />
+          <stop offset={0.567} stopColor="#E06DD1" />
+          <stop offset={1} stopColor="#FF0" />
+        </linearGradient>
+        <clipPath id="assistant-color_svg__clip0_19251_33606">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgAssistantColor

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";