cozy-ui 132.0.0 → 133.0.0-beta.1

package/react/Paywall/locales/ru.json

@@ -1,95 +0,0 @@
-{
-  "action": {
-    "loading": "Загрузка...",
-    "withoutIAP": "Понятно"
-  },
-  "onlyOfficePaywall": {
-    "premium": {
-      "title": "Обновите ваш план",
-      "content": "Ваш план не позволяет **изменять документы онлайн**.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy.",
-      "action": "Посмотреть наши планы"
-    },
-    "public": {
-      "title": "Информация",
-      "content": "Вы не можете редактировать этот файл онлайн. Попросите владельца документа обновить подписку Cozy.",
-      "action": "Понятно"
-    },
-    "default": {
-      "title": "Информация",
-      "content": "Ваш текущий план не позволяет использовать эту функцию.",
-      "action": "Понятно"
-    }
-  },
-  "passwordSharingPaywall": {
-    "premium": {
-      "title": "Обновите ваш план",
-      "content": "Ваш план не позволяет **делиться паролями**.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy.",
-      "action": "Посмотреть наши планы"
-    },
-    "default": {
-      "title": "Информация",
-      "content": "Ваш текущий план не позволяет использовать эту функцию.",
-      "action": "Понятно"
-    }
-  },
-  "maxAccountsByKonnectorPaywall": {
-    "premium": {
-      "title": "Обновите ваш план",
-      "content": "Ваш план позволяет подключить до **%{smart_count} аккаунта %{konnectorName}** в вашем Cozy.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy. |||| Ваш план позволяет подключить до **%{smart_count} аккаунтов %{konnectorName}** в вашем Cozy.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy.",
-      "action": "Посмотреть наши планы"
-    },
-    "default": {
-      "title": "Информация",
-      "content": "Ваш текущий план не позволяет использовать эту функцию.",
-      "action": "Понятно"
-    }
-  },
-  "maxAccountsPaywall": {
-    "premium": {
-      "title": "Обновите ваш план",
-      "content": "Ваш план позволяет подключить до **%{smart_count} аккаунта** в вашем Cozy.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy. |||| Ваш план позволяет подключить до **%{smart_count} аккаунтов** в вашем Cozy.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy.",
-      "action": "Посмотреть наши планы"
-    },
-    "default": {
-      "title": "Информация",
-      "content": "Ваш текущий план не позволяет использовать эту функцию.",
-      "action": "Понятно"
-    }
-  },
-  "maxPapersPaywall": {
-    "premium": {
-      "title": "Обновите ваш план",
-      "content": "Ваш план позволяет вручную добавить до **%{smart_count} документа**.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить план своего Cozy. |||| Ваш план позволяет вручную добавить до **%{smart_count} документов**.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить план своего Cozy.",
-      "action": "Посмотреть наши планы"
-    },
-    "default": {
-      "title": "Информация",
-      "content": "Ваш текущий план не позволяет использовать эту функцию.",
-      "action": "Понятно"
-    }
-  },
-  "quotaPaywall": {
-    "premium": {
-      "title": "Обновите ваш план",
-      "content": "Дисковое хранилище заполнено.\n\nПожалуйста, удалите файлы, очистите корзину или обновите план перед загрузкой файлов.",
-      "action": "Посмотреть наши планы"
-    },
-    "default": {
-      "title": "Информация",
-      "content": "Дисковое хранилище заполнено.\n\nПожалуйста, удалите файлы, очистите корзину перед загрузкой файлов.",
-      "action": "Понятно"
-    }
-  },
-  "maxDaysToCapturePaywall": {
-    "premium": {
-      "title": "Обновите ваш план",
-      "content": "Ваш план позволяет записывать только **%{smart_count} день поездок**.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy. |||| Ваш план позволяет записывать только **%{smart_count} дней поездок**.\n\nЧтобы разблокировать эту функцию или просто поддержать нас, вы можете изменить свой план Cozy.",
-      "action": "Посмотреть наши планы"
-    },
-    "default": {
-      "title": "Информация",
-      "content": "Ваш текущий план не позволяет использовать эту функцию.",
-      "action": "Понятно"
-    }
-  }
-}

package/react/Paywall/locales/vi.json

@@ -1,95 +0,0 @@
-{
-  "action": {
-    "loading": "Đang tải...",
-    "withoutIAP": "Tôi hiểu"
-  },
-  "onlyOfficePaywall": {
-    "premium": {
-      "title": "Nâng cấp gói của bạn",
-      "content": "Gói của bạn không cho phép **chỉnh sửa tài liệu trực tuyến**.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình.",
-      "action": "Xem các gói của chúng tôi"
-    },
-    "public": {
-      "title": "Thông tin",
-      "content": "Bạn không thể chỉnh sửa tập tin này trực tuyến. Vui lòng yêu cầu chủ sở hữu tài liệu cập nhật đăng ký Cozy của họ.",
-      "action": "Tôi hiểu"
-    },
-    "default": {
-      "title": "Thông tin",
-      "content": "Gói hiện tại của bạn không cho phép bạn tận dụng tính năng này.",
-      "action": "Tôi hiểu"
-    }
-  },
-  "passwordSharingPaywall": {
-    "premium": {
-      "title": "Nâng cấp gói của bạn",
-      "content": "Gói của bạn không cho phép **chia sẻ mật khẩu**.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình.",
-      "action": "Xem các gói của chúng tôi"
-    },
-    "default": {
-      "title": "Thông tin",
-      "content": "Gói hiện tại của bạn không cho phép bạn tận dụng tính năng này.",
-      "action": "Tôi hiểu"
-    }
-  },
-  "maxAccountsByKonnectorPaywall": {
-    "premium": {
-      "title": "Nâng cấp gói của bạn",
-      "content": "Gói của bạn cho phép bạn kết nối tối đa **%{smart_count} tài khoản %{konnectorName}** trong Cozy của bạn.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình. |||| Gói của bạn cho phép bạn kết nối tối đa **%{smart_count} tài khoản %{konnectorName}** trong Cozy của bạn.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình.",
-      "action": "Xem các gói của chúng tôi"
-    },
-    "default": {
-      "title": "Thông tin",
-      "content": "Gói hiện tại của bạn không cho phép bạn tận dụng tính năng này.",
-      "action": "Tôi hiểu"
-    }
-  },
-  "maxAccountsPaywall": {
-    "premium": {
-      "title": "Nâng cấp gói của bạn",
-      "content": "Gói của bạn cho phép bạn kết nối tối đa **%{smart_count} tài khoản** trong Cozy của bạn.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình. |||| Gói của bạn cho phép bạn kết nối tối đa **%{smart_count} tài khoản** trong Cozy của bạn.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình.",
-      "action": "Xem các gói của chúng tôi"
-    },
-    "default": {
-      "title": "Thông tin",
-      "content": "Gói hiện tại của bạn không cho phép bạn tận dụng tính năng này.",
-      "action": "Tôi hiểu"
-    }
-  },
-  "maxPapersPaywall": {
-    "premium": {
-      "title": "Nâng cấp gói của bạn",
-      "content": "Gói của bạn cho phép bạn thêm thủ công tối đa **%{smart_count} giấy tờ**.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể sửa đổi gói Cozy của mình. |||| Gói của bạn cho phép bạn thêm thủ công tối đa **%{smart_count} giấy tờ**.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể sửa đổi gói Cozy của mình.",
-      "action": "Xem các gói của chúng tôi"
-    },
-    "default": {
-      "title": "Thông tin",
-      "content": "Gói hiện tại của bạn không cho phép bạn tận dụng tính năng này.",
-      "action": "Tôi hiểu"
-    }
-  },
-  "quotaPaywall": {
-    "premium": {
-      "title": "Nâng cấp gói của bạn",
-      "content": "Dung lượng đĩa của bạn đã đầy.\n\nVui lòng xóa các tập tin, làm trống thùng rác hoặc nâng cấp gói trước khi tải lên tập tin.",
-      "action": "Xem các gói của chúng tôi"
-    },
-    "default": {
-      "title": "Thông tin",
-      "content": "Dung lượng đĩa của bạn đã đầy.\n\nVui lòng xóa các tập tin, làm trống thùng rác trước khi tải lên tập tin.",
-      "action": "Tôi hiểu"
-    }
-  },
-  "maxDaysToCapturePaywall": {
-    "premium": {
-      "title": "Nâng cấp gói của bạn",
-      "content": "Gói của bạn cho phép bạn chỉ ghi lại **%{smart_count} ngày chuyến đi**.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình. |||| Gói của bạn cho phép bạn chỉ ghi lại **%{smart_count} ngày chuyến đi**.\n\nĐể mở khóa tính năng này, hoặc đơn giản là hỗ trợ chúng tôi, bạn có thể thay đổi gói Cozy của mình.",
-      "action": "Xem các gói của chúng tôi"
-    },
-    "default": {
-      "title": "Thông tin",
-      "content": "Gói hiện tại của bạn không cho phép bạn tận dụng tính năng này.",
-      "action": "Tôi hiểu"
-    }
-  }
-}

package/react/Paywall/locales/withPaywallLocales.jsx

@@ -1,14 +0,0 @@
-import en from './en.json'
-import fr from './fr.json'
-import ru from './ru.json'
-import vi from './vi.json'
-import withOnlyLocales from '../../providers/I18n/withOnlyLocales'
-
-const locales = {
-  en,
-  fr,
-  ru,
-  vi
-}
-
-export default withOnlyLocales(locales)

package/react/QualificationGrid/Readme.md

@@ -1,26 +0,0 @@
-```jsx
-import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
-import QualificationGrid from 'cozy-ui/transpiled/react/QualificationGrid'
-import Variants from 'cozy-ui/docs/components/Variants'
-
-const initialVariants = [{ noUndefined: false, noOthers: false, noHealth: false }]
-initialState = { selectedQualification: undefined }
-
-;
-
-<DemoProvider>
-  <Variants initialVariants={initialVariants} screenshotAllVariants>
-    {variant => (
-      <>
-        <div className="u-mb-1">Selected qualification: {state.selectedQualification}</div>
-        <QualificationGrid
-          noUndefined={variant.noUndefined}
-          noOthers={variant.noOthers}
-          noHealth={variant.noHealth}
-          onClick={qualification => setState({ selectedQualification: qualification })}
-        />
-      </>
-    )}
-  </Variants>
-</DemoProvider>
-```

package/react/QualificationGrid/helpers.js

@@ -1,4 +0,0 @@
-import { themesList } from 'cozy-client/dist/models/document/documentTypeData'
-
-export const getThemesList = noHealth =>
-  noHealth ? themesList.filter(theme => theme.label !== 'health') : themesList

package/react/QualificationGrid/index.jsx

@@ -1,90 +0,0 @@
-import PropTypes from 'prop-types'
-import React, { Fragment, useState } from 'react'
-
-import { getThemesList } from './helpers'
-import withLocales from './locales/withLocales'
-import Grid from '../Grid'
-import BankIcon from '../Icons/Bank'
-import BillIcon from '../Icons/Bill'
-import CarIcon from '../Icons/Car'
-import ChessIcon from '../Icons/Chess'
-import DotsIcon from '../Icons/Dots'
-import HeartIcon from '../Icons/Heart'
-import HomeIcon from '../Icons/Home'
-import PeopleIcon from '../Icons/People'
-import TeamIcon from '../Icons/Team'
-import WorkIcon from '../Icons/Work'
-import QualificationItem from '../QualificationItem'
-import { useI18n } from '../providers/I18n'
-
-const IconByName = {
-  people: PeopleIcon,
-  team: TeamIcon,
-  work: WorkIcon,
-  heart: HeartIcon,
-  home: HomeIcon,
-  car: CarIcon,
-  chess: ChessIcon,
-  bank: BankIcon,
-  bill: BillIcon,
-  dots: DotsIcon
-}
-
-const QualificationGrid = ({ noUndefined, noOthers, noHealth, onClick }) => {
-  const themesList = getThemesList(noHealth)
-  const { t } = useI18n()
-  const [selectedQualification, setSelectedQualification] = useState()
-
-  const handleClick = theme => {
-    onClick(theme?.label)
-    setSelectedQualification(theme?.label)
-  }
-
-  return (
-    <Grid container spacing={1}>
-      {!noUndefined && (
-        <Grid item xs={3} sm={2}>
-          <QualificationItem
-            label={t('themes.undefined')}
-            isSelected={selectedQualification === undefined}
-            onClick={() => handleClick()}
-          />
-        </Grid>
-      )}
-      {themesList.map((theme, index) => (
-        <Fragment key={index}>
-          {(!noOthers || theme.label !== 'others') && (
-            <Grid item xs={3} sm={2}>
-              <QualificationItem
-                label={t(`themes.${theme.label}`)}
-                icon={IconByName[theme.icon]}
-                isSelected={theme.label === selectedQualification}
-                onClick={() => handleClick(theme)}
-              />
-            </Grid>
-          )}
-        </Fragment>
-      ))}
-    </Grid>
-  )
-}
-
-QualificationGrid.defaultProps = {
-  noUndefined: false,
-  noOthers: false,
-  noHealth: false,
-  onClick: () => {}
-}
-
-QualificationGrid.propTypes = {
-  /** Remove `undefined` theme */
-  noUndefined: PropTypes.bool,
-  /** Remove `others` theme */
-  noOthers: PropTypes.bool,
-  /** Remove `health` theme */
-  noHealth: PropTypes.bool,
-  /** Triggered when an item is clicked */
-  onClick: PropTypes.func
-}
-
-export default withLocales(QualificationGrid)

package/react/QualificationGrid/locales/en.json

@@ -1,15 +0,0 @@
-{
-  "themes": {
-    "activity": "Activity",
-    "family": "Family",
-    "finance": "Finance",
-    "health": "Health",
-    "home": "Home",
-    "identity": "Identity",
-    "invoice": "Invoice",
-    "others": "Others",
-    "transport": "Transport",
-    "undefined": "Undefined",
-    "work_study": "Work"
-  }
-}

package/react/QualificationGrid/locales/fr.json

@@ -1,15 +0,0 @@
-{
-  "themes": {
-    "activity": "Loisirs",
-    "family": "Famille",
-    "finance": "Finances",
-    "health": "Santé",
-    "home": "Logement",
-    "identity": "Identité",
-    "invoice": "Factures",
-    "others": "Autres",
-    "transport": "Transport",
-    "undefined": "Indéfini",
-    "work_study": "Travail"
-  }
-}

package/react/QualificationGrid/locales/ru.json

@@ -1,15 +0,0 @@
-{
-  "themes": {
-    "activity": "Деятельность",
-    "family": "Семья",
-    "finance": "Финансы",
-    "health": "Здоровье",
-    "home": "Дом",
-    "identity": "Личность",
-    "invoice": "Счет",
-    "others": "Прочее",
-    "transport": "Транспорт",
-    "undefined": "Не определено",
-    "work_study": "Работа"
-  }
-}

package/react/QualificationGrid/locales/vi.json

@@ -1,15 +0,0 @@
-{
-  "themes": {
-    "activity": "Hoạt động",
-    "family": "Gia đình",
-    "finance": "Tài chính",
-    "health": "Sức khỏe",
-    "home": "Nhà",
-    "identity": "Danh tính",
-    "invoice": "Hóa đơn",
-    "others": "Khác",
-    "transport": "Giao thông",
-    "undefined": "Chưa xác định",
-    "work_study": "Công việc"
-  }
-}

package/react/QualificationGrid/locales/withLocales.jsx

@@ -1,14 +0,0 @@
-import en from './en.json'
-import fr from './fr.json'
-import ru from './ru.json'
-import vi from './vi.json'
-import withOnlyLocales from '../../providers/I18n/withOnlyLocales'
-
-export const locales = {
-  en,
-  fr,
-  ru,
-  vi
-}
-
-export default withOnlyLocales(locales)

package/react/QualificationIcon/Readme.md

@@ -1,14 +0,0 @@
-```jsx
-import QualificationIcon from 'cozy-ui/transpiled/react/QualificationIcon'
-
-;
-
-<>
-  <QualificationIcon className="u-mr-1" />
-  <QualificationIcon className="u-mr-1" qualification="isp_invoice" />
-  <QualificationIcon className="u-mr-1" qualification="phone_invoice" />
-  <QualificationIcon className="u-mr-1" qualification="family_record_book" />
-  <QualificationIcon className="u-mr-1" theme="identity" />
-  <QualificationIcon theme="transport" />
-</>
-```

package/react/QualificationIcon/index.jsx

@@ -1,105 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-
-import { getIconByLabel } from 'cozy-client/dist/models/document/qualification'
-
-import Icon from '../Icon'
-import BankIcon from '../Icons/Bank'
-import BankCheckIcon from '../Icons/BankCheck'
-import BenefitIcon from '../Icons/Benefit'
-import BillIcon from '../Icons/Bill'
-import CarIcon from '../Icons/Car'
-import ChessIcon from '../Icons/Chess'
-import ChildIcon from '../Icons/Child'
-import DotsIcon from '../Icons/Dots'
-import EmailIcon from '../Icons/Email'
-import EuroIcon from '../Icons/Euro'
-import ExchangeIcon from '../Icons/Exchange'
-import FitnessIcon from '../Icons/Fitness'
-import GlobeIcon from '../Icons/Globe'
-import GouvIcon from '../Icons/Gouv'
-import HeartIcon from '../Icons/Heart'
-import HomeIcon from '../Icons/Home'
-import ImageIcon from '../Icons/Image'
-import JusticeIcon from '../Icons/Justice'
-import LaudryIcon from '../Icons/Laudry'
-import LightningIcon from '../Icons/Lightning'
-import NoteIcon from '../Icons/Note'
-import PeopleIcon from '../Icons/People'
-import PlaneIcon from '../Icons/Plane'
-import RemboursementIcon from '../Icons/Remboursement'
-import RestaurantIcon from '../Icons/Restaurant'
-import SchoolIcon from '../Icons/School'
-import ShopIcon from '../Icons/Shop'
-import TeamIcon from '../Icons/Team'
-import TelecomIcon from '../Icons/Telecom'
-import TelephoneIcon from '../Icons/Telephone'
-import WaterIcon from '../Icons/Water'
-import WorkIcon from '../Icons/Work'
-
-const IconByLabel = {
-  'bank-check': BankCheckIcon,
-  bank: BankIcon,
-  benefit: BenefitIcon,
-  bill: BillIcon,
-  car: CarIcon,
-  chess: ChessIcon,
-  child: ChildIcon,
-  dots: DotsIcon,
-  email: EmailIcon,
-  euro: EuroIcon,
-  exchange: ExchangeIcon,
-  'file-type-note': NoteIcon,
-  fitness: FitnessIcon,
-  globe: GlobeIcon,
-  gouv: GouvIcon,
-  heart: HeartIcon,
-  home: HomeIcon,
-  image: ImageIcon,
-  justice: JusticeIcon,
-  laudry: LaudryIcon,
-  lightning: LightningIcon,
-  people: PeopleIcon,
-  plane: PlaneIcon,
-  remboursement: RemboursementIcon,
-  restaurant: RestaurantIcon,
-  school: SchoolIcon,
-  shop: ShopIcon,
-  team: TeamIcon,
-  telecom: TelecomIcon,
-  telephone: TelephoneIcon,
-  water: WaterIcon,
-  work: WorkIcon
-}
-
-const themeIconByLabel = {
-  identity: 'people',
-  family: 'team',
-  work_study: 'work',
-  health: 'heart',
-  home: 'home',
-  transport: 'car',
-  activity: 'chess',
-  finance: 'bank',
-  invoice: 'bill',
-  others: 'dots'
-}
-
-const QualificationIcon = ({ theme, qualification, ...props }) => {
-  const _Icon = qualification
-    ? IconByLabel[getIconByLabel(qualification)]
-    : theme
-    ? IconByLabel[themeIconByLabel[theme]]
-    : null
-
-  return <Icon icon={_Icon} color="#E049BF" size={16} {...props} />
-}
-
-QualificationIcon.propTypes = {
-  /** The name of the qualification (isp\_invoice, family\_record\_book, etc.) */
-  qualification: PropTypes.string,
-  /** The name of the qualification theme (indentity, family, etc.) */
-  theme: PropTypes.string
-}
-
-export default QualificationIcon

package/react/QualificationItem/Readme.md

@@ -1,8 +0,0 @@
-```jsx
-import QualificationItem from 'cozy-ui/transpiled/react/QualificationItem'
-import PeopleIcon from 'cozy-ui/transpiled/react/Icons/People'
-
-;
-
-<QualificationItem icon={PeopleIcon} label="People" />
-```

package/react/QualificationItem/index.jsx

@@ -1,64 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-
-import ButtonBase from '../ButtonBase'
-import Icon, { iconPropType } from '../Icon'
-import IconStack from '../IconStack'
-import FileDuotoneIcon from '../Icons/FileDuotone'
-import Typography from '../Typography'
-import { makeStyles } from '../styles'
-
-const useStyles = makeStyles({
-  item: {
-    display: 'flex',
-    flexDirection: 'column',
-    width: '100%',
-    height: 84,
-    marginBottom: 8,
-    borderRadius: 4,
-    borderColor: ({ isSelected }) =>
-      isSelected ? 'var(--primaryColor)' : 'var(--borderMainColor)',
-    border: '1px solid'
-  }
-})
-
-const QualificationItem = ({ icon, label, isSelected, onClick, ...props }) => {
-  const styles = useStyles({ isSelected })
-
-  return (
-    <ButtonBase {...props} className={styles.item} onClick={onClick}>
-      <IconStack
-        className="u-mb-half"
-        foreground={
-          icon && (
-            <Icon
-              icon={icon}
-              color={
-                isSelected ? 'var(--primaryColor)' : 'var(--secondaryTextColor)'
-              }
-            />
-          )
-        }
-        background={
-          <Icon
-            icon={FileDuotoneIcon}
-            size="32"
-            color={
-              isSelected ? 'var(--primaryColor)' : 'var(--secondaryTextColor)'
-            }
-          />
-        }
-      />
-      <Typography variant="caption">{label}</Typography>
-    </ButtonBase>
-  )
-}
-
-QualificationItem.propTypes = {
-  icon: PropTypes.oneOfType([PropTypes.node, iconPropType]),
-  label: PropTypes.string,
-  isSelected: PropTypes.bool,
-  onClick: PropTypes.func
-}
-
-export default QualificationItem

package/react/QualificationModal/Readme.md

@@ -1,28 +0,0 @@
-```jsx
-import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
-import QualificationModal from 'cozy-ui/transpiled/react/QualificationModal'
-import Typography from 'cozy-ui/transpiled/react/Typography'
-import CloudIcon from 'cozy-ui/transpiled/react/Icons/Cloud'
-import FormControlLabel from 'cozy-ui/transpiled/react/FormControlLabel'
-import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup'
-import Radio from 'cozy-ui/transpiled/react/Radios'
-import FormControl from 'cozy-ui/transpiled/react/FormControl'
-import Button from 'cozy-ui/transpiled/react/Buttons'
-
-initialState = { show: isTesting() ? true : false }
-
-const show = () => setState({show: true})
-const hide = () => setState({show: false})
-
-;
-
-<DemoProvider client={{ collection: () => ({ updateMetadataAttribute: () => {}}) }}>
-  <Button label={state.show ? "Close modal" : "Open modal"} variant="ghost" onClick={show} />
-  {state.show &&
-    <QualificationModal
-      file={{ name: "toto.txt", metadata: { qualification: { label: 'isp_invoice' } } }}
-      onClose={hide}
-    />
-  }
-</DemoProvider>
-```