cozy-ui 135.5.0 → 135.7.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [135.7.0](https://github.com/cozy/cozy-ui/compare/v135.6.0...v135.7.0) (2026-02-02)
+
+
+### Features
+
+* Allow to hide checkboxes in VirtualizedTable ([fa375d7](https://github.com/cozy/cozy-ui/commit/fa375d7))
+
+# [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.7.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/react/Table/Readme.md

@@ -73,7 +73,7 @@ const columns = [
   }
 ]
 
-const initialVariants = [{ grouped: false }]
+const initialVariants = [{ grouped: false, withCheckbox: true }, { grouped: false, withCheckbox: false }]
 
 // Very basic usage only works when Dessert is sorted "asc"
 // Ideally you have to create a logic to create groups with sorted data
@@ -98,6 +98,7 @@ const ExampleTable = ({ variant, ...props }) => {
         onSelect={(row, event, index) => toggleSelectedItem(row.id)}
         onSelectAll={rows => toggleSelectAllItems(rows.map(item => item.id))}
         onSortChange={onSortChange}
+        withCheckbox={variant.withCheckbox}
         componentsProps={{
           rowContent: {
             onClick: (row, column) => { console.info(`click on cell. Row ${row['id']}, Column ${column['id']}`) },

package/react/Table/Virtualized/FixedHeaderContent.jsx

@@ -35,18 +35,20 @@ const FixedHeaderContent = ({
 
   return (
     <TableRow>
-      <TableCell align="center" padding="checkbox">
-        <Checkbox
-          className={cx('virtualizedCheckbox', {
-            checked: selectedCount > 0
-          })}
-          indeterminate={selectedCount > 0 && selectedCount < rowCount}
-          checked={rowCount > 0 && selectedCount === rowCount}
-          inputProps={{ 'aria-label': 'select all' }}
-          size="small"
-          onChange={onSelectAllClick}
-        />
-      </TableCell>
+      {context.withCheckbox && (
+        <TableCell align="center" padding="checkbox">
+          <Checkbox
+            className={cx('virtualizedCheckbox', {
+              checked: selectedCount > 0
+            })}
+            indeterminate={selectedCount > 0 && selectedCount < rowCount}
+            checked={rowCount > 0 && selectedCount === rowCount}
+            inputProps={{ 'aria-label': 'select all' }}
+            size="small"
+            onChange={onSelectAllClick}
+          />
+        </TableCell>
+      )}
       {columns.map(column => (
         <TableHeadCell
           key={column.id}

package/react/Table/Virtualized/RowContent.jsx

@@ -19,20 +19,22 @@ const RowContent = ({
 
   return (
     <>
-      <TableCell align="center" padding="checkbox">
-        <Checkbox
-          className={cx('virtualizedCheckbox', {
-            visible: selectedCount > 0,
-            checked: context.isSelectedItem(row)
-          })}
-          checked={context.isSelectedItem(row)}
-          inputProps={{
-            'aria-labelledby': `enhanced-table-checkbox-${index}`
-          }}
-          size="small"
-          onClick={event => onSelectClick(row, event, index)}
-        />
-      </TableCell>
+      {context.withCheckbox && (
+        <TableCell align="center" padding="checkbox">
+          <Checkbox
+            className={cx('virtualizedCheckbox', {
+              visible: selectedCount > 0,
+              checked: context.isSelectedItem(row)
+            })}
+            checked={context.isSelectedItem(row)}
+            inputProps={{
+              'aria-labelledby': `enhanced-table-checkbox-${index}`
+            }}
+            size="small"
+            onClick={event => onSelectClick(row, event, index)}
+          />
+        </TableCell>
+      )}
       {columns.map(column => (
         <Cell
           key={column.id}

package/react/Table/Virtualized/TableRow.jsx

@@ -7,12 +7,20 @@ const TableRow = ({ item, context, className, ...props }) => {
   const _item = item || context.data[props['data-item-index']]
   const isSelected = context.isSelectedItem(_item)
 
+  const handleClick = () => {
+    if (!context.withCheckbox && _item) {
+      const index = props['data-item-index']
+      context.onSelect?.(_item, null, index)
+    }
+  }
+
   return (
     <TableRowClassic
       {...props}
       className={cx(className, 'virtualized')}
       selected={isSelected}
       hover
+      onClick={!context.withCheckbox ? handleClick : props.onClick}
     />
   )
 }

package/react/Table/Virtualized/index.jsx

@@ -25,6 +25,7 @@ const VirtualizedTable = forwardRef(
       components,
       onSortChange,
       isNewItem,
+      withCheckbox,
       ...props
     },
     ref
@@ -45,7 +46,9 @@ const VirtualizedTable = forwardRef(
       ...(isGroupedTable && { data }), // we use directly `data` prop if no groupCounts
       isSelectedItem,
       selectedItems,
-      isNewItem
+      isNewItem,
+      withCheckbox,
+      onSelect
     }
 
     const handleSort = property => {
@@ -117,7 +120,8 @@ VirtualizedTable.defaultProps = {
   selectedItems: [],
   isSelectedItem: () => {},
   onSelect: () => {},
-  onSelectAll: () => {}
+  onSelectAll: () => {},
+  withCheckbox: true
 }
 
 VirtualizedTable.propTypes = {
@@ -145,7 +149,9 @@ VirtualizedTable.propTypes = {
   /** Callback called after the sort */
   onSortChange: PropTypes.func,
   /** Function to determine if a row is new */
-  isNewItem: PropTypes.func
+  isNewItem: PropTypes.func,
+  /** Whether to show checkboxes. When false, rows become clickable for selection */
+  withCheckbox: PropTypes.bool
 }
 
 export default VirtualizedTable

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