cozy-ui 66.2.4 → 67.0.2

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## [67.0.2](https://github.com/cozy/cozy-ui/compare/v67.0.1...v67.0.2) (2022-05-12)
+
+
+### Bug Fixes
+
+* Matomo tracking ([2156cde](https://github.com/cozy/cozy-ui/commit/2156cde))
+
+## [67.0.1](https://github.com/cozy/cozy-ui/compare/v67.0.0...v67.0.1) (2022-05-11)
+
+
+### Bug Fixes
+
+* **viewer:** Amiral displays PDF without enouggh margin-top ([875ebba](https://github.com/cozy/cozy-ui/commit/875ebba))
+
+# [67.0.0](https://github.com/cozy/cozy-ui/compare/v66.2.4...v67.0.0) (2022-05-10)
+
+
+### Bug Fixes
+
+* Set size of IconButton to `medium` because of previous BC ([56fc346](https://github.com/cozy/cozy-ui/commit/56fc346))
+
+
+### Features
+
+* Set default size of IconButton to `large` ([c7d405a](https://github.com/cozy/cozy-ui/commit/c7d405a))
+
+
+### BREAKING CHANGES
+
+* `IconButton`'s default props has been changed from `medium` to `large`. To keep the old behavior, you can use a codemods `transform-iconButton.js` to automatically handle this breaking change by setting `IconButton` size to `medium`. [See the codemods documentation](https://github.com/cozy/cozy-libs/tree/master/packages/cozy-codemods). Using linter js auto-correction can be a good idea after that. Here a common example (don't forget to change `src` value): `jscodeshift -t $(yarn global dir)/node_modules/@cozy/codemods/src/transforms/transform-iconButton.js src --parser babel --extensions js,jsx && yarn lint:js --fix`
+
 ## [66.2.4](https://github.com/cozy/cozy-ui/compare/v66.2.3...v66.2.4) (2022-05-10)
 
 

package/package.json

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

package/react/Breadcrumbs/index.jsx

@@ -57,6 +57,7 @@ const Breadcrumbs = ({ items, className, style }) => {
         <IconButton
           onClick={lastPreviousItem.onClick}
           className={styles.Breadcrumb__previousButton}
+          size="medium"
         >
           <Icon icon={LeftIcon} />
         </IconButton>

package/react/Buttons/Readme.md

@@ -72,7 +72,6 @@ import Paper from 'cozy-ui/transpiled/react/Paper'
 import CozyTheme from 'cozy-ui/transpiled/react/CozyTheme'
 import PlusIcon from 'cozy-ui/transpiled/react/Icons/Plus'
 import Icon from 'cozy-ui/transpiled/react/Icon'
-import IconButton from 'cozy-ui/transpiled/react/IconButton'
 
 const variants = ['primary', 'secondary', 'ghost', 'text']
 const iconPositions = ['startIcon', 'endIcon']

package/react/CircleButton/index.jsx

@@ -52,12 +52,7 @@ const CircleButton = ({
       flexBasis="64px"
       padding="8px 0 4px 0"
     >
-      <IconButton
-        className={styles.iconButton}
-        size="large"
-        disabled={disabled}
-        {...props}
-      >
+      <IconButton className={styles.iconButton} disabled={disabled} {...props}>
         {children}
       </IconButton>
       {label && (

package/react/ContactsListModal/MobileHeader.jsx

@@ -20,7 +20,7 @@ const MobileHeader = ({ filter, placeholder, onChange, onDismiss }) => {
         className="u-flex u-flex-items-center u-pr-3 u-pl-half"
         style={barStyle}
       >
-        <IconButton className="u-mr-half" onClick={onDismiss}>
+        <IconButton className="u-mr-half" onClick={onDismiss} size="medium">
           <Icon icon={PreviousIcon} />
         </IconButton>
         <Input

package/react/CozyDialogs/DialogBackButton.jsx

@@ -21,6 +21,7 @@ const DialogBackButton = ({ onClick, ...props }) => {
         {...props}
         aria-label={t('backButton')}
         className="dialogIconButton"
+        size="medium"
       >
         <Icon icon={PreviousIcon} />
       </IconButton>

package/react/CozyDialogs/DialogCloseButton.jsx

@@ -20,6 +20,7 @@ const CloseButton = ({ onClick, ...props }) => {
         {...props}
         aria-label={t('closeButton')}
         className="dialogIconButton"
+        size="medium"
       >
         <Icon icon={CrossMediumIcon} />
       </IconButton>

package/react/FilePicker/FilePickerHeader.jsx

@@ -63,7 +63,11 @@ const FilePickerHeader = ({ navigateTo, folderId, onClose }) => {
   return (
     <div className="u-flex u-flex-items-center">
       {isMobile && (
-        <IconButton onClick={handleClick} className="u-p-0 u-pr-1">
+        <IconButton
+          onClick={handleClick}
+          className="u-p-0 u-pr-1"
+          size="medium"
+        >
           <Icon icon={Previous} />
         </IconButton>
       )}

package/react/Icon/Readme.md

@@ -22,7 +22,6 @@ import Album from 'cozy-ui/transpiled/react/Icons/Album'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import Dialog from 'cozy-ui/transpiled/react/CozyDialogs/Dialog'
-import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
 import { makeStyles } from '@material-ui/styles'
 import cx from 'classnames'

package/react/IconButton/index.jsx

@@ -4,7 +4,7 @@ import cx from 'classnames'
 import MuiIconButton from '@material-ui/core/IconButton'
 
 const IconButton = forwardRef(
-  ({ size = 'medium', className, children, ...props }, ref) => {
+  ({ size = 'large', className, children, ...props }, ref) => {
     return (
       <MuiIconButton ref={ref} className={cx(className, size)} {...props}>
         {children}

package/react/Infos/index.jsx

@@ -2,8 +2,7 @@ import React from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 
-import IconButton from '@material-ui/core/IconButton'
-
+import IconButton from '../IconButton'
 import Icon from '../Icon'
 import Typography from '../Typography'
 import Stack from '../Stack'
@@ -31,7 +30,11 @@ export const Infos = ({
       </Stack>
       {dismissAction && (
         <div className={styles['Info-close']}>
-          <IconButton onClick={dismissAction} {...dismissButtonProps}>
+          <IconButton
+            size="medium"
+            onClick={dismissAction}
+            {...dismissButtonProps}
+          >
             <Icon icon={CrossIcon} size="12" />
           </IconButton>
         </div>

package/react/InfosCarrousel/index.jsx

@@ -68,6 +68,7 @@ const InfosCarrousel = ({
           <IconButton
             onClick={goToPreviousInfos}
             disabled={hasPreviousInfos}
+            size="medium"
             {...previousButtonProps}
           >
             <Icon icon={LeftIcon} />
@@ -76,6 +77,7 @@ const InfosCarrousel = ({
           <IconButton
             onClick={goToNextInfos}
             disabled={hasNextInfos}
+            size="medium"
             {...nextButtonProps}
           >
             <Icon icon={RightIcon} />

package/react/NestedSelect/Modal.jsx

@@ -23,7 +23,7 @@ const NestedSelectDialogHeader = ({ onClickBack, showBack, title }) => {
       <Media>
         {showBack && (
           <Img className={styles.Modal__back}>
-            <IconButton onClick={onClickBack}>
+            <IconButton size="medium" onClick={onClickBack}>
               <Icon icon={LeftIcon} />
             </IconButton>
           </Img>

package/react/SelectionBar/index.jsx

@@ -130,6 +130,7 @@ const SelectionBar = ({ actions, selected, hideSelectionBar }) => {
                 ? selectedCount < 1 // to avoid breaking change
                 : actions[actionName].disabled(selected)
             }
+            size="medium"
             onClick={() => actions[actionName].action(selected)}
           >
             <Icon icon={actions[actionName].icon || actionName.toLowerCase()} />
@@ -143,6 +144,7 @@ const SelectionBar = ({ actions, selected, hideSelectionBar }) => {
           styles['SelectionBar-action--close']
         )}
         label={t('SelectionBar.close')}
+        size="medium"
         onClick={hideSelectionBar}
       >
         <Icon icon={CrossIcon} />

package/react/Viewer/Toolbar.jsx

@@ -54,6 +54,7 @@ const Toolbar = ({
     >
       {onClose && (
         <IconButton
+          size="medium"
           onClick={onClose}
           className={cx(classes.iconButton, { 'u-white': isDesktop })}
         >

package/react/Viewer/styles.styl

@@ -103,8 +103,8 @@ $viewerMarginTopMedium = $toolbarHeightMedium - $footerHeight
 
 .viewer-pdfMobile
     width 100%
-    height 'calc(100% - %s)' % $viewerHeightMedium
-    margin-top $viewerMarginTopMedium
+    height 'calc(100% - %s - var(--flagship-top-height))' % $viewerHeightMedium
+    margin-top 'calc(var(--flagship-top-height) + %s)' % $viewerMarginTopMedium
 
     &--image
         width 100%

package/react/__snapshots__/examples.spec.jsx.snap

@@ -7412,7 +7412,7 @@ exports[`Infos should render examples: Infos 1`] = `
         </div>
         <div><button type=\\"submit\\" class=\\"styles__c-btn___-2Vnj styles__c-btn--center___16_Xh\\"><span><span>one</span></span></button><button type=\\"submit\\" class=\\"styles__c-btn___-2Vnj styles__c-btn--center___16_Xh\\"><span><span>two</span></span></button><button type=\\"submit\\" class=\\"styles__c-btn___-2Vnj styles__c-btn--center___16_Xh\\"><span><span>three</span></span></button></div>
       </div>
-      <div class=\\"styles__Info-close___1RVQP\\"><button class=\\"MuiButtonBase-root MuiIconButton-root\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiIconButton-label\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path fill-rule=\\"evenodd\\" d=\\"M10.586 12L.293 1.707A1 1 0 011.707.293L12 10.586 22.293.293a1 1 0 011.414 1.414L13.414 12l10.293 10.293a1 1 0 01-1.414 1.414L12 13.414 1.707 23.707a1 1 0 01-1.414-1.414L10.586 12z\\"></path></svg></span></button></div>
+      <div class=\\"styles__Info-close___1RVQP\\"><button class=\\"MuiButtonBase-root MuiIconButton-root medium\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiIconButton-label\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path fill-rule=\\"evenodd\\" d=\\"M10.586 12L.293 1.707A1 1 0 011.707.293L12 10.586 22.293.293a1 1 0 011.414 1.414L13.414 12l10.293 10.293a1 1 0 01-1.414 1.414L12 13.414 1.707 23.707a1 1 0 01-1.414-1.414L10.586 12z\\"></path></svg></span></button></div>
     </div>
   </div>
 </div>"
@@ -7435,7 +7435,7 @@ exports[`InfosCarrousel should render examples: InfosCarrousel 1`] = `
                 </div>
                 <div><button type=\\"submit\\" class=\\"styles__c-btn___-2Vnj styles__c-btn--secondary___3Br_N styles__c-btn--center___16_Xh\\"><span><span>A CTA button</span></span></button></div>
               </div>
-              <div class=\\"styles__Info-close___1RVQP\\"><button class=\\"MuiButtonBase-root MuiIconButton-root\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiIconButton-label\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path fill-rule=\\"evenodd\\" d=\\"M10.586 12L.293 1.707A1 1 0 011.707.293L12 10.586 22.293.293a1 1 0 011.414 1.414L13.414 12l10.293 10.293a1 1 0 01-1.414 1.414L12 13.414 1.707 23.707a1 1 0 01-1.414-1.414L10.586 12z\\"></path></svg></span></button></div>
+              <div class=\\"styles__Info-close___1RVQP\\"><button class=\\"MuiButtonBase-root MuiIconButton-root medium\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiIconButton-label\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path fill-rule=\\"evenodd\\" d=\\"M10.586 12L.293 1.707A1 1 0 011.707.293L12 10.586 22.293.293a1 1 0 011.414 1.414L13.414 12l10.293 10.293a1 1 0 01-1.414 1.414L12 13.414 1.707 23.707a1 1 0 01-1.414-1.414L10.586 12z\\"></path></svg></span></button></div>
             </div>
           </div>
           <div style=\\"width: 100%; flex-shrink: 0; overflow: auto; overflow-y: hidden;\\" aria-hidden=\\"true\\" data-swipeable=\\"true\\">
@@ -7449,7 +7449,7 @@ exports[`InfosCarrousel should render examples: InfosCarrousel 1`] = `
                 </div>
                 <div><button type=\\"submit\\" class=\\"styles__c-btn___-2Vnj styles__c-btn--secondary___3Br_N styles__c-btn--center___16_Xh\\"><span><span>A CTA button</span></span></button></div>
               </div>
-              <div class=\\"styles__Info-close___1RVQP\\"><button class=\\"MuiButtonBase-root MuiIconButton-root\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiIconButton-label\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path fill-rule=\\"evenodd\\" d=\\"M10.586 12L.293 1.707A1 1 0 011.707.293L12 10.586 22.293.293a1 1 0 011.414 1.414L13.414 12l10.293 10.293a1 1 0 01-1.414 1.414L12 13.414 1.707 23.707a1 1 0 01-1.414-1.414L10.586 12z\\"></path></svg></span></button></div>
+              <div class=\\"styles__Info-close___1RVQP\\"><button class=\\"MuiButtonBase-root MuiIconButton-root medium\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiIconButton-label\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path fill-rule=\\"evenodd\\" d=\\"M10.586 12L.293 1.707A1 1 0 011.707.293L12 10.586 22.293.293a1 1 0 011.414 1.414L13.414 12l10.293 10.293a1 1 0 01-1.414 1.414L12 13.414 1.707 23.707a1 1 0 01-1.414-1.414L10.586 12z\\"></path></svg></span></button></div>
             </div>
           </div>
         </div>

package/react/helpers/tracker.jsx

@@ -81,40 +81,26 @@ export const configureTracker = (options = {}) => {
   }
 
   let appName
-  let cozyDomain
-  let userIdFromCozyDomain
 
   const root = document.querySelector('[role=application]')
 
   if (root && root.dataset) {
-    appName = readCozyDataFromDOM('appName')
-    cozyDomain = readCozyDataFromDOM('cozyDomain')
+    appName = readCozyDataFromDOM('appName') || readCozyDataFromDOM('app').name
   }
-
-  if (cozyDomain) {
-    userIdFromCozyDomain = cozyDomain
-    let indexOfPort = cozyDomain.indexOf(':')
-    if (indexOfPort >= 0) {
-      userIdFromCozyDomain = userIdFromCozyDomain.substring(0, indexOfPort)
-    }
-  }
-
   // merge default options with what has been provided
-  const { heartbeat, userId, app, appDimensionId } = Object.assign(
+  const { app, appDimensionId } = Object.assign(
     {
-      userId: userIdFromCozyDomain,
       appDimensionId: __PIWIK_DIMENSION_ID_APP__,
-      app: appName,
-      heartbeat: 15
+      app: appName
     },
     options
   )
 
-  // apply them
-  if (parseInt(heartbeat) > 0)
-    trackerInstance.push(['enableHeartBeatTimer', parseInt(heartbeat, 10)])
-  trackerInstance.push(['setUserId', userId])
   trackerInstance.push(['setCustomDimension', appDimensionId, app])
+  trackerInstance.push([
+    'setCustomUrl',
+    window.location.pathname.substr(1) + location.search
+  ])
 }
 
 /**

package/react/helpers/tracker.spec.js

@@ -57,8 +57,6 @@ describe('configureTracker', () => {
     )}' />`
 
     trackerFile.configureTracker({ app: 'banks2' })
-    expect(tracker.push).toHaveBeenCalledWith(['enableHeartBeatTimer', 15])
-    expect(tracker.push).toHaveBeenCalledWith(['setUserId', 'cozy.tools'])
     expect(tracker.push).toHaveBeenCalledWith([
       'setCustomDimension',
       1234,

package/react/hooks/useCycle.md

@@ -1,6 +1,6 @@
 Used when you want a cyclical variable, for example for a carousel.
 
-```
+```jsx
 import IconButton from '@material-ui/core/IconButton'
 import Typography from '@material-ui/core/Typography'
 import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -13,13 +13,13 @@ const Component = () => {
   const [index, setPrev, setNext] = useCycle(2, 0, arr.length - 1)
 
   return <div className='u-flex u-flex-items-center'>
-    <IconButton onClick={setPrev}><Icon icon={LeftIcon} /></IconButton>
+    <IconButton onClick={setPrev} size="medium"><Icon icon={LeftIcon} /></IconButton>
     <Typography variant='body1'>
       {arr.map((item, i) => {
         return index === i ? '●' : '○'
       })}
     </Typography>
-    <IconButton onClick={setNext}><Icon icon={RightIcon} /></IconButton>
+    <IconButton onClick={setNext} size="medium"><Icon icon={RightIcon} /></IconButton>
   </div>
 };
 

package/transpiled/react/Breadcrumbs/index.js

@@ -76,7 +76,8 @@ var Breadcrumbs = function Breadcrumbs(_ref2) {
     className: cx(styles.Breadcrumb, className)
   }, items.length > 1 && /*#__PURE__*/React.createElement(IconButton, {
     onClick: lastPreviousItem.onClick,
-    className: styles.Breadcrumb__previousButton
+    className: styles.Breadcrumb__previousButton,
+    size: "medium"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: LeftIcon
   })), /*#__PURE__*/React.createElement("div", {

package/transpiled/react/CircleButton/index.js

@@ -82,7 +82,6 @@ var CircleButton = function CircleButton(_ref7) {
     padding: "8px 0 4px 0"
   }, /*#__PURE__*/React.createElement(IconButton, _extends({
     className: styles.iconButton,
-    size: "large",
     disabled: disabled
   }, props), children), label && /*#__PURE__*/React.createElement(Typography, {
     component: "div",

package/transpiled/react/ContactsListModal/MobileHeader.js

@@ -23,7 +23,8 @@ var MobileHeader = function MobileHeader(_ref) {
     style: barStyle
   }, /*#__PURE__*/React.createElement(IconButton, {
     className: "u-mr-half",
-    onClick: onDismiss
+    onClick: onDismiss,
+    size: "medium"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: PreviousIcon
   })), /*#__PURE__*/React.createElement(Input, {

package/transpiled/react/CozyDialogs/DialogBackButton.js

@@ -27,7 +27,8 @@ var DialogBackButton = function DialogBackButton(_ref) {
     onClick: onClick
   }, props, {
     "aria-label": t('backButton'),
-    className: "dialogIconButton"
+    className: "dialogIconButton",
+    size: "medium"
   }), /*#__PURE__*/React.createElement(Icon, {
     icon: PreviousIcon
   })));

package/transpiled/react/CozyDialogs/DialogCloseButton.js

@@ -27,7 +27,8 @@ var CloseButton = function CloseButton(_ref) {
     onClick: onClick
   }, props, {
     "aria-label": t('closeButton'),
-    className: "dialogIconButton"
+    className: "dialogIconButton",
+    size: "medium"
   }), /*#__PURE__*/React.createElement(Icon, {
     icon: CrossMediumIcon
   })));

package/transpiled/react/FilePicker/FilePickerHeader.js

@@ -61,7 +61,8 @@ var FilePickerHeader = function FilePickerHeader(_ref2) {
     className: "u-flex u-flex-items-center"
   }, isMobile && /*#__PURE__*/React.createElement(IconButton, {
     onClick: handleClick,
-    className: "u-p-0 u-pr-1"
+    className: "u-p-0 u-pr-1",
+    size: "medium"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: Previous
   })), /*#__PURE__*/React.createElement(FilePickerBreadcrumb, {

package/transpiled/react/IconButton/index.js

@@ -7,7 +7,7 @@ import cx from 'classnames';
 import MuiIconButton from '@material-ui/core/IconButton';
 var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size,
+      size = _ref$size === void 0 ? 'large' : _ref$size,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);

package/transpiled/react/Infos/index.js

@@ -5,7 +5,7 @@ var _excluded = ["title", "text", "icon", "actionButton", "isImportant"];
 import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import IconButton from '@material-ui/core/IconButton';
+import IconButton from "cozy-ui/transpiled/react/IconButton";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import Typography from "cozy-ui/transpiled/react/Typography";
 import Stack from "cozy-ui/transpiled/react/Stack";
@@ -39,6 +39,7 @@ export var Infos = function Infos(_ref) {
   }, description)), action && /*#__PURE__*/React.createElement("div", null, action)), dismissAction && /*#__PURE__*/React.createElement("div", {
     className: styles['Info-close']
   }, /*#__PURE__*/React.createElement(IconButton, _extends({
+    size: "medium",
     onClick: dismissAction
   }, dismissButtonProps), /*#__PURE__*/React.createElement(Icon, {
     icon: CrossIcon,

package/transpiled/react/InfosCarrousel/index.js

@@ -82,14 +82,16 @@ var InfosCarrousel = function InfosCarrousel(_ref) {
     className: styles['InfosCarrousel-navigation']
   }, /*#__PURE__*/React.createElement(IconButton, _extends({
     onClick: goToPreviousInfos,
-    disabled: hasPreviousInfos
+    disabled: hasPreviousInfos,
+    size: "medium"
   }, previousButtonProps), /*#__PURE__*/React.createElement(Icon, {
     icon: LeftIcon
   })), /*#__PURE__*/React.createElement("span", {
     className: styles['InfosCarrousel-separator']
   }), /*#__PURE__*/React.createElement(IconButton, _extends({
     onClick: goToNextInfos,
-    disabled: hasNextInfos
+    disabled: hasNextInfos,
+    size: "medium"
   }, nextButtonProps), /*#__PURE__*/React.createElement(Icon, {
     icon: RightIcon
   }))) : null);

package/transpiled/react/NestedSelect/Modal.js

@@ -24,6 +24,7 @@ var NestedSelectDialogHeader = function NestedSelectDialogHeader(_ref) {
   return /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, /*#__PURE__*/React.createElement(Media, null, showBack && /*#__PURE__*/React.createElement(Img, {
     className: styles.Modal__back
   }, /*#__PURE__*/React.createElement(IconButton, {
+    size: "medium",
     onClick: onClickBack
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: LeftIcon

package/transpiled/react/SelectionBar/index.js

@@ -107,6 +107,7 @@ var SelectionBar = function SelectionBar(_ref) {
       key: index,
       disabled: actions[actionName].disabled === undefined ? selectedCount < 1 // to avoid breaking change
       : actions[actionName].disabled(selected),
+      size: "medium",
       onClick: function onClick() {
         return actions[actionName].action(selected);
       }
@@ -117,6 +118,7 @@ var SelectionBar = function SelectionBar(_ref) {
     "data-testid": "selectionBar-action-close",
     className: cx(styles['SelectionBar-action'], styles['SelectionBar-action--close']),
     label: t('SelectionBar.close'),
+    size: "medium",
     onClick: hideSelectionBar
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: CrossIcon

package/transpiled/react/Viewer/Toolbar.js

@@ -75,6 +75,7 @@ var Toolbar = function Toolbar(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
   }, onClose && /*#__PURE__*/React.createElement(IconButton, {
+    size: "medium",
     onClick: onClose,
     className: cx(classes.iconButton, {
       'u-white': isDesktop

package/transpiled/react/helpers/tracker.js

@@ -80,40 +80,22 @@ export var configureTracker = function configureTracker() {
   }
 
   var appName;
-  var cozyDomain;
-  var userIdFromCozyDomain;
   var root = document.querySelector('[role=application]');
 
   if (root && root.dataset) {
-    appName = readCozyDataFromDOM('appName');
-    cozyDomain = readCozyDataFromDOM('cozyDomain');
-  }
-
-  if (cozyDomain) {
-    userIdFromCozyDomain = cozyDomain;
-    var indexOfPort = cozyDomain.indexOf(':');
-
-    if (indexOfPort >= 0) {
-      userIdFromCozyDomain = userIdFromCozyDomain.substring(0, indexOfPort);
-    }
+    appName = readCozyDataFromDOM('appName') || readCozyDataFromDOM('app').name;
   } // merge default options with what has been provided
 
 
   var _Object$assign = Object.assign({
-    userId: userIdFromCozyDomain,
     appDimensionId: __PIWIK_DIMENSION_ID_APP__,
-    app: appName,
-    heartbeat: 15
+    app: appName
   }, options),
-      heartbeat = _Object$assign.heartbeat,
-      userId = _Object$assign.userId,
       app = _Object$assign.app,
-      appDimensionId = _Object$assign.appDimensionId; // apply them
-
+      appDimensionId = _Object$assign.appDimensionId;
 
-  if (parseInt(heartbeat) > 0) trackerInstance.push(['enableHeartBeatTimer', parseInt(heartbeat, 10)]);
-  trackerInstance.push(['setUserId', userId]);
   trackerInstance.push(['setCustomDimension', appDimensionId, app]);
+  trackerInstance.push(['setCustomUrl', window.location.pathname.substr(1) + location.search]);
 };
 /**
  * Returns a redux middleware which tracks events if the action