cozy-viewer 30.0.37 → 30.0.38

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [30.0.38](https://github.com/cozy/cozy-libs/compare/cozy-viewer@30.0.37...cozy-viewer@30.0.38) (2026-08-31)
+
+### Bug Fixes
+
+- **cozy-viewer:** Render the PDF toolbar icons ([49efb42](https://github.com/cozy/cozy-libs/commit/49efb42ee26ed5b1c3ea80b51ebba93f30dcf29d))
+
 ## [30.0.37](https://github.com/cozy/cozy-libs/compare/cozy-viewer@30.0.36...cozy-viewer@30.0.37) (2026-08-31)
 
 **Note:** Version bump only for package cozy-viewer

package/dist/ViewersByFile/PdfJsViewer.js

@@ -363,7 +363,7 @@ var PdfJsViewer = /*#__PURE__*/function (_Component) {
       }), !renderAllPages && /*#__PURE__*/_react.default.createElement("span", {
         className: "u-mh-half"
       }, /*#__PURE__*/_react.default.createElement(_PdfToolbarButton.default, {
-        icon: "top",
+        icon: _twakeIcons.Top,
         onClick: this.previousPage,
         disabled: currentPage === 1,
         label: t('Viewer.previous')
@@ -382,19 +382,19 @@ var PdfJsViewer = /*#__PURE__*/function (_Component) {
         onFocus: this.handleInputPageFocus,
         onBlur: this.handleInputPageBlur
       }), "/", totalPages), /*#__PURE__*/_react.default.createElement(_PdfToolbarButton.default, {
-        icon: "bottom",
+        icon: _twakeIcons.Bottom,
         onClick: this.nextPage,
         disabled: currentPage === totalPages,
         label: t('Viewer.next')
       })), /*#__PURE__*/_react.default.createElement("span", {
         className: "u-mh-half"
       }, /*#__PURE__*/_react.default.createElement(_PdfToolbarButton.default, {
-        icon: "dash",
+        icon: _twakeIcons.Dash,
         onClick: this.scaleDown,
         disabled: scale === MIN_SCALE,
         label: t('Viewer.scaledown')
       }), /*#__PURE__*/_react.default.createElement(_PdfToolbarButton.default, {
-        icon: "plus",
+        icon: _twakeIcons.Plus,
         onClick: this.scaleUp,
         disabled: scale === MAX_SCALE,
         label: t('Viewer.scaleup')

package/dist/components/PdfToolbarButton.d.ts

@@ -7,7 +7,7 @@ declare function PdfToolbarButton({ icon, onClick, disabled, label }: {
 }): JSX.Element;
 declare namespace PdfToolbarButton {
     namespace propTypes {
-        let icon: PropTypes.Validator<string>;
+        let icon: PropTypes.Validator<NonNullable<PropTypes.ReactComponentLike>>;
         let onClick: PropTypes.Validator<(...args: any[]) => any>;
         let disabled: PropTypes.Requireable<boolean>;
         let label: PropTypes.Validator<string>;

package/dist/components/PdfToolbarButton.js

@@ -24,7 +24,6 @@ var PdfToolbarButton = function PdfToolbarButton(_ref) {
     variant: "text",
     color: "secondary",
     className: "u-p-half u-m-half u-mah-2",
-    icon: icon,
     onClick: onClick,
     disabled: disabled,
     label: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
@@ -37,7 +36,7 @@ var PdfToolbarButton = function PdfToolbarButton(_ref) {
 };
 
 PdfToolbarButton.propTypes = {
-  icon: _propTypes.default.string.isRequired,
+  icon: _propTypes.default.elementType.isRequired,
   onClick: _propTypes.default.func.isRequired,
   disabled: _propTypes.default.bool,
   label: _propTypes.default.string.isRequired

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "30.0.37",
+  "version": "30.0.38",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -34,9 +34,9 @@
     "cozy-device-helper": "2.0.0",
     "cozy-intent": "^2.31.1",
     "cozy-logger": "^1.18.1",
-    "cozy-sharing": "^37.5.3",
+    "cozy-sharing": "^37.5.4",
     "cozy-ui": "^138.1.0",
-    "cozy-ui-plus": "^12.3.12",
+    "cozy-ui-plus": "^12.3.13",
     "identity-obj-proxy": "3.0.0",
     "jest": "30.3.0",
     "jest-canvas-mock": "2.3.1",
@@ -71,5 +71,5 @@
     "react-router-dom": ">=6.14.2",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "9a29fb9929ba6bc8203172785e5d803a2b04f7db"
+  "gitHead": "0257cf0ecb129fec4b9d3f99e3a3fbb318429112"
 }

package/src/ViewersByFile/PdfJsViewer.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 import { Document, Page } from 'react-pdf'
 
-import { Icon, Pen } from '@linagora/twake-icons'
+import { Bottom, Dash, Icon, Pen, Plus, Top } from '@linagora/twake-icons'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 
 import styles from './styles.styl'
@@ -298,7 +298,7 @@ export class PdfJsViewer extends Component {
             {!renderAllPages && (
               <span className="u-mh-half">
                 <ToolbarButton
-                  icon="top"
+                  icon={Top}
                   onClick={this.previousPage}
                   disabled={currentPage === 1}
                   label={t('Viewer.previous')}
@@ -320,7 +320,7 @@ export class PdfJsViewer extends Component {
                   /{totalPages}
                 </label>
                 <ToolbarButton
-                  icon="bottom"
+                  icon={Bottom}
                   onClick={this.nextPage}
                   disabled={currentPage === totalPages}
                   label={t('Viewer.next')}
@@ -330,13 +330,13 @@ export class PdfJsViewer extends Component {
 
             <span className="u-mh-half">
               <ToolbarButton
-                icon="dash"
+                icon={Dash}
                 onClick={this.scaleDown}
                 disabled={scale === MIN_SCALE}
                 label={t('Viewer.scaledown')}
               />
               <ToolbarButton
-                icon="plus"
+                icon={Plus}
                 onClick={this.scaleUp}
                 disabled={scale === MAX_SCALE}
                 label={t('Viewer.scaleup')}

package/src/components/PdfToolbarButton.jsx

@@ -9,7 +9,6 @@ const PdfToolbarButton = ({ icon, onClick, disabled, label }) => (
     variant="text"
     color="secondary"
     className="u-p-half u-m-half u-mah-2"
-    icon={icon}
     onClick={onClick}
     disabled={disabled}
     label={<Icon icon={icon} size={16} />}
@@ -19,7 +18,7 @@ const PdfToolbarButton = ({ icon, onClick, disabled, label }) => (
 )
 
 PdfToolbarButton.propTypes = {
-  icon: PropTypes.string.isRequired,
+  icon: PropTypes.elementType.isRequired,
   onClick: PropTypes.func.isRequired,
   disabled: PropTypes.bool,
   label: PropTypes.string.isRequired