cozy-ui 131.2.0 → 132.1.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# [132.1.0](https://github.com/cozy/cozy-ui/compare/v132.0.0...v132.1.0) (2025-10-30)
+
+
+### Features
+
+* Add shared drive icons :sparkles: ([2eaee77](https://github.com/cozy/cozy-ui/commit/2eaee77))
+
+# [132.0.0](https://github.com/cozy/cozy-ui/compare/v131.2.0...v132.0.0) (2025-10-27)
+
+
+### Features
+
+* **AppSections:** Replace cozy-flags by `config` prop ([6ecdad0](https://github.com/cozy/cozy-ui/commit/6ecdad0))
+* **Paywall:** Replace cozy-flags by `isIapEnabled` prop ([953f28a](https://github.com/cozy/cozy-ui/commit/953f28a))
+* **QualificationGrid:** Replace cozy-flags by `noHealth` prop ([68f14dc](https://github.com/cozy/cozy-ui/commit/68f14dc))
+* Remove cozy-flags from peerDeps ([5131237](https://github.com/cozy/cozy-ui/commit/5131237))
+
+
+### BREAKING CHANGES
+
+* **AppSections:** You must use `config={flag('store.alternative-source')}` prop
+* **QualificationGrid:** You must use `noHealth={flag('hide.healthTheme.enabled')}` prop
+* **Paywall:** You must use `isIapEnabled={flag('flagship.iap.enabled')}` prop
+* You no longer need to install `cozy-flags` package
+
 # [131.2.0](https://github.com/cozy/cozy-ui/compare/v131.1.0...v131.2.0) (2025-10-27)
 
 

package/assets/icons/ui/file-type-shared-drive-grey.svg

@@ -0,0 +1 @@
+<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_13717_2258)"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4 1.62H8L6.4 0H1.6C.72 0 0 .73 0 1.62v9.75c0 .89.71 1.62 1.59 1.62h12.8c.88 0 1.6-.73 1.6-1.62V3.25c0-.89-.72-1.62-1.6-1.62l.01-.01ZM11.09 8.9c0 .93-.77 1.7-1.7 1.7H6c-.93 0-1.7-.77-1.7-1.7V5.51c0-.93.77-1.7 1.7-1.7h.77c.19 0 .31.12.31.31s-.12.31-.31.31H6c-.59 0-1.08.49-1.08 1.08V8.9c0 .59.49 1.08 1.08 1.08h3.39c.59 0 1.08-.49 1.08-1.08v-.46c0-.19.12-.31.31-.31s.31.12.31.31v.46Zm.52-2.71L9.76 8.04c-.09.09-.22.12-.34.06-.12-.03-.19-.15-.19-.28v-.93h-.62c-.83 0-1.54.52-1.79 1.33a.3.3 0 0 1-.28.22c-.13 0-.25-.09-.31-.22-.06-.22-.09-.46-.09-.71 0-1.36 1.11-2.47 2.47-2.47h.62v-.93c0-.12.06-.25.19-.28.12-.06.25-.03.34.06l1.85 1.85c.12.12.12.31 0 .43v.02Z" fill="#A6A6A6"/></g><defs><clipPath id="clip0_13717_2258"><path fill="#fff" d="M0 0h16v13H0z"/></clipPath></defs></svg>

package/assets/icons/ui/file-type-shared-drive.svg

@@ -0,0 +1 @@
+<svg width="96" height="78" viewBox="0 0 96 78" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48 9.75h38.4c5.28 0 9.6 4.386 9.6 9.75v48.75c0 5.364-4.32 9.75-9.6 9.75H9.6C4.32 78 0 73.614 0 68.25l.048-58.5C.048 4.386 4.32 0 9.6 0h28.8L48 9.75Z" fill="url(#paint0_linear_13714_2236)"/><path d="M56.673 62.55H39.176c-4.772 0-8.749-3.976-8.749-8.748V36.305c0-4.772 3.977-8.748 8.749-8.748h3.976c.955 0 1.591.636 1.591 1.59 0 .955-.636 1.59-1.59 1.59h-3.977c-3.022 0-5.567 2.546-5.567 5.568v17.497c0 3.022 2.545 5.567 5.567 5.567h17.497c3.022 0 5.567-2.545 5.567-5.567v-2.386c0-.955.636-1.59 1.59-1.59.955 0 1.591.635 1.591 1.59v2.386c0 4.772-3.977 8.748-8.748 8.748ZM42.039 51.416c-.636 0-1.273-.477-1.59-1.114-.319-1.113-.478-2.386-.478-3.658 0-6.999 5.726-12.725 12.725-12.725h3.181v-4.772c0-.636.319-1.272.955-1.431.636-.319 1.272-.16 1.75.318l9.543 9.543c.636.637.636 1.591 0 2.227l-9.544 9.544c-.477.477-1.113.636-1.75.318-.636-.159-.954-.795-.954-1.431v-4.772h-3.18c-4.296 0-7.954 2.704-9.227 6.84-.158.636-.795 1.113-1.431 1.113Z" fill="#8DBCFF"/><path d="M56.673 61.55H39.176c-4.772 0-8.749-3.976-8.749-8.748V35.305c0-4.772 3.977-8.748 8.749-8.748h3.976c.955 0 1.591.636 1.591 1.59 0 .955-.636 1.59-1.59 1.59h-3.977c-3.022 0-5.567 2.546-5.567 5.568v17.497c0 3.022 2.545 5.567 5.567 5.567h17.497c3.022 0 5.567-2.545 5.567-5.567v-2.386c0-.955.636-1.59 1.59-1.59.955 0 1.591.635 1.591 1.59v2.386c0 4.772-3.977 8.748-8.748 8.748ZM42.039 50.416c-.636 0-1.273-.477-1.59-1.114-.319-1.113-.478-2.386-.478-3.658 0-6.999 5.726-12.725 12.725-12.725h3.181v-4.772c0-.636.319-1.272.955-1.431.636-.319 1.272-.16 1.75.318l9.543 9.543c.636.637.636 1.591 0 2.227l-9.544 9.544c-.477.477-1.113.636-1.75.318-.636-.159-.954-.795-.954-1.431v-4.772h-3.18c-4.296 0-7.954 2.704-9.227 6.84-.158.636-.795 1.113-1.431 1.113Z" fill="url(#paint1_linear_13714_2236)"/><defs><linearGradient id="paint0_linear_13714_2236" x1="48" y1="0" x2="48" y2="94.5" gradientUnits="userSpaceOnUse"><stop offset=".044" stop-color="#1D7AFF"/><stop offset=".13" stop-color="#7CB2FF"/><stop offset=".617" stop-color="#76AFFF"/><stop offset="1" stop-color="#4290FF"/></linearGradient><linearGradient id="paint1_linear_13714_2236" x1="49.092" y1="11.943" x2="49.447" y2="68.954" gradientUnits="userSpaceOnUse"><stop stop-color="#76AFFF"/><stop offset=".781" stop-color="#1D7AFF"/></linearGradient></defs></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "131.2.0",
+  "version": "132.1.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -194,7 +194,6 @@
   "peerDependencies": {
     "cozy-client": ">=60.5.0",
     "cozy-device-helper": ">=2.0.0",
-    "cozy-flags": ">=2.10.1",
     "cozy-intent": ">=2.29.1",
     "react": "^16 || ^17 || ^18",
     "react-dnd": "^16.0.1",
@@ -213,5 +212,6 @@
   },
   "browserslist": [
     "extends browserslist-config-cozy"
-  ]
+  ],
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/react/AppSections/Sections.jsx

@@ -2,8 +2,6 @@ import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 
-import flag from 'cozy-flags'
-
 import styles from './Sections.styl'
 import * as catUtils from './categories'
 import AppsSection from './components/AppsSection'
@@ -228,8 +226,7 @@ export class Sections extends Component {
   }
 }
 
-const SectionsWrapper = props => {
-  const config = flag('store.alternative-source')
+const SectionsWrapper = ({ config, ...props }) => {
   const i18nConfig = generateI18nConfig(config?.categories)
   useExtendI18n(i18nConfig)
 
@@ -246,6 +243,7 @@ Sections.propTypes = {
   apps: PropTypes.array.isRequired,
   error: PropTypes.object,
 
+  config: PropTypes.object,
   onAppClick: PropTypes.func.isRequired,
 
   /** Whether to display the category selector */

package/react/Icon/Readme.md

@@ -730,6 +730,8 @@ import FileTypeServerIcon from 'cozy-ui/transpiled/react/Icons/FileTypeServer'
 import FileTypeImageIcon from 'cozy-ui/transpiled/react/Icons/FileTypeImage'
 import FileTypeNoteIcon from 'cozy-ui/transpiled/react/Icons/FileTypeNote'
 import FileTypePdfIcon from 'cozy-ui/transpiled/react/Icons/FileTypePdf'
+import FileTypeSharedDriveIcon from 'cozy-ui/transpiled/react/Icons/FileTypeSharedDrive'
+import FileTypeSharedDriveGreyIcon from 'cozy-ui/transpiled/react/Icons/FileTypeSharedDriveGrey'
 import FileTypeSheetIcon from 'cozy-ui/transpiled/react/Icons/FileTypeSheet'
 import FileTypeSlideIcon from 'cozy-ui/transpiled/react/Icons/FileTypeSlide'
 import FileTypeTextIcon from 'cozy-ui/transpiled/react/Icons/FileTypeText'
@@ -782,6 +784,8 @@ const icons = [
   FileTypeImageIcon,
   FileTypeNoteIcon,
   FileTypePdfIcon,
+  FileTypeSharedDriveIcon,
+  FileTypeSharedDriveGreyIcon,
   FileTypeSheetIcon,
   FileTypeSlideIcon,
   FileTypeTextIcon,
@@ -801,7 +805,7 @@ const icons = [
   PhotosIcon,
   TopSelectIcon,
   TrashDuotoneIcon,
-  TwakeWorkplace,
+  TwakeWorkplace
 ]
 
 initialState = { size: 16 }
@@ -1026,9 +1030,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-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', '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/FileTypeSharedDrive.jsx

@@ -0,0 +1,51 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/file-type-shared-drive.svg` to regenerate;
+import React from 'react'
+
+function SvgFileTypeSharedDrive(props) {
+  return (
+    <svg viewBox="0 0 96 78" fill="none" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M48 9.75h38.4c5.28 0 9.6 4.386 9.6 9.75v48.75c0 5.364-4.32 9.75-9.6 9.75H9.6C4.32 78 0 73.614 0 68.25l.048-58.5C.048 4.386 4.32 0 9.6 0h28.8L48 9.75z"
+        fill="url(#file-type-shared-drive_svg__paint0_linear_13714_2236)"
+      />
+      <path
+        d="M56.673 62.55H39.176c-4.772 0-8.749-3.976-8.749-8.748V36.305c0-4.772 3.977-8.748 8.749-8.748h3.976c.955 0 1.591.636 1.591 1.59 0 .955-.636 1.59-1.59 1.59h-3.977c-3.022 0-5.567 2.546-5.567 5.568v17.497c0 3.022 2.545 5.567 5.567 5.567h17.497c3.022 0 5.567-2.545 5.567-5.567v-2.386c0-.955.636-1.59 1.59-1.59.955 0 1.591.635 1.591 1.59v2.386c0 4.772-3.977 8.748-8.748 8.748zM42.039 51.416c-.636 0-1.273-.477-1.59-1.114-.319-1.113-.478-2.386-.478-3.658 0-6.999 5.726-12.725 12.725-12.725h3.181v-4.772c0-.636.319-1.272.955-1.431.636-.319 1.272-.16 1.75.318l9.543 9.543c.636.637.636 1.591 0 2.227l-9.544 9.544c-.477.477-1.113.636-1.75.318-.636-.159-.954-.795-.954-1.431v-4.772h-3.18c-4.296 0-7.954 2.704-9.227 6.84-.158.636-.795 1.113-1.431 1.113z"
+        fill="#8DBCFF"
+      />
+      <path
+        d="M56.673 61.55H39.176c-4.772 0-8.749-3.976-8.749-8.748V35.305c0-4.772 3.977-8.748 8.749-8.748h3.976c.955 0 1.591.636 1.591 1.59 0 .955-.636 1.59-1.59 1.59h-3.977c-3.022 0-5.567 2.546-5.567 5.568v17.497c0 3.022 2.545 5.567 5.567 5.567h17.497c3.022 0 5.567-2.545 5.567-5.567v-2.386c0-.955.636-1.59 1.59-1.59.955 0 1.591.635 1.591 1.59v2.386c0 4.772-3.977 8.748-8.748 8.748zM42.039 50.416c-.636 0-1.273-.477-1.59-1.114-.319-1.113-.478-2.386-.478-3.658 0-6.999 5.726-12.725 12.725-12.725h3.181v-4.772c0-.636.319-1.272.955-1.431.636-.319 1.272-.16 1.75.318l9.543 9.543c.636.637.636 1.591 0 2.227l-9.544 9.544c-.477.477-1.113.636-1.75.318-.636-.159-.954-.795-.954-1.431v-4.772h-3.18c-4.296 0-7.954 2.704-9.227 6.84-.158.636-.795 1.113-1.431 1.113z"
+        fill="url(#file-type-shared-drive_svg__paint1_linear_13714_2236)"
+      />
+      <defs>
+        <linearGradient
+          id="file-type-shared-drive_svg__paint0_linear_13714_2236"
+          x1={48}
+          y1={0}
+          x2={48}
+          y2={94.5}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.044} stopColor="#1D7AFF" />
+          <stop offset={0.13} stopColor="#7CB2FF" />
+          <stop offset={0.617} stopColor="#76AFFF" />
+          <stop offset={1} stopColor="#4290FF" />
+        </linearGradient>
+        <linearGradient
+          id="file-type-shared-drive_svg__paint1_linear_13714_2236"
+          x1={49.092}
+          y1={11.943}
+          x2={49.447}
+          y2={68.954}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#76AFFF" />
+          <stop offset={0.781} stopColor="#1D7AFF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgFileTypeSharedDrive

package/react/Icons/FileTypeSharedDriveGrey.jsx

@@ -0,0 +1,24 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/file-type-shared-drive-grey.svg` to regenerate;
+import React from 'react'
+
+function SvgFileTypeSharedDriveGrey(props) {
+  return (
+    <svg viewBox="0 0 16 13" fill="none" {...props}>
+      <g clipPath="url(#file-type-shared-drive-grey_svg__clip0_13717_2258)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.4 1.62H8L6.4 0H1.6C.72 0 0 .73 0 1.62v9.75c0 .89.71 1.62 1.59 1.62h12.8c.88 0 1.6-.73 1.6-1.62V3.25c0-.89-.72-1.62-1.6-1.62l.01-.01zM11.09 8.9c0 .93-.77 1.7-1.7 1.7H6c-.93 0-1.7-.77-1.7-1.7V5.51c0-.93.77-1.7 1.7-1.7h.77c.19 0 .31.12.31.31s-.12.31-.31.31H6c-.59 0-1.08.49-1.08 1.08V8.9c0 .59.49 1.08 1.08 1.08h3.39c.59 0 1.08-.49 1.08-1.08v-.46c0-.19.12-.31.31-.31s.31.12.31.31v.46zm.52-2.71L9.76 8.04c-.09.09-.22.12-.34.06-.12-.03-.19-.15-.19-.28v-.93h-.62c-.83 0-1.54.52-1.79 1.33a.3.3 0 01-.28.22c-.13 0-.25-.09-.31-.22-.06-.22-.09-.46-.09-.71 0-1.36 1.11-2.47 2.47-2.47h.62v-.93c0-.12.06-.25.19-.28.12-.06.25-.03.34.06l1.85 1.85c.12.12.12.31 0 .43v.02z"
+          fill="#A6A6A6"
+        />
+      </g>
+      <defs>
+        <clipPath id="file-type-shared-drive-grey_svg__clip0_13717_2258">
+          <path fill="#fff" d="M0 0h16v13H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgFileTypeSharedDriveGrey

package/react/Paywall/Paywall.jsx

@@ -4,7 +4,6 @@ import React, { useEffect, useState } from 'react'
 import { useInstanceInfo } from 'cozy-client'
 import { buildPremiumLink } from 'cozy-client/dist/models/instance'
 import { isFlagshipApp } from 'cozy-device-helper'
-import flag from 'cozy-flags'
 import { useWebviewIntent } from 'cozy-intent'
 
 import { makeType } from './helpers'
@@ -21,7 +20,13 @@ import { useI18n } from '../providers/I18n'
 /**
  * Component with the core logic of the paywall, which is then declined in several variants to adapt to the user case
  */
-const Paywall = ({ variant, onClose, isPublic, contentInterpolation }) => {
+const Paywall = ({
+  variant,
+  onClose,
+  isPublic,
+  isIapEnabled,
+  contentInterpolation
+}) => {
   const instanceInfo = useInstanceInfo()
   const { t } = useI18n()
 
@@ -54,9 +59,7 @@ const Paywall = ({ variant, onClose, isPublic, contentInterpolation }) => {
 
   const canOpenPremiumLink =
     !isFlagshipApp() ||
-    (isFlagshipApp() &&
-      !!flag('flagship.iap.enabled') &&
-      isFlagshipAppIapAvailable)
+    (isFlagshipApp() && isIapEnabled && isFlagshipAppIapAvailable)
 
   const link = buildPremiumLink(instanceInfo)
   const type = makeType(instanceInfo, isPublic, link)
@@ -112,12 +115,15 @@ Paywall.propTypes = {
   onClose: PropTypes.func.isRequired,
   /** Whether paywall is display in a public context */
   isPublic: PropTypes.bool,
+  /** Whether the IAP is enabled */
+  isIapEnabled: PropTypes.bool,
   /** Translation interpolation for the content of the paywall */
   contentInterpolation: PropTypes.object
 }
 
 Paywall.defaultProps = {
   isPublic: false,
+  isIapEnabled: false,
   contentInterpolation: {}
 }
 

package/react/Paywall/Paywall.spec.jsx

@@ -3,7 +3,6 @@ import React from 'react'
 
 import { createMockClient, useInstanceInfo } from 'cozy-client'
 import { isFlagshipApp } from 'cozy-device-helper'
-import flag from 'cozy-flags'
 import { useWebviewIntent } from 'cozy-intent'
 
 import Paywall from './Paywall'
@@ -21,7 +20,6 @@ jest.mock('cozy-intent', () => ({
   ...jest.requireActual('cozy-intent'),
   useWebviewIntent: jest.fn()
 }))
-jest.mock('cozy-flags')
 
 describe('Paywall', () => {
   const onCloseSpy = jest.fn()
@@ -36,7 +34,7 @@ describe('Paywall', () => {
     enablePremiumLinks = false,
     hasUuid = false,
     isFlagshipApp: isFlagshipAppReturnValue = false,
-    isIapEnabled = null,
+    isIapEnabled = false,
     isIapAvailable = false
   } = {}) => {
     useInstanceInfo.mockReturnValue({
@@ -55,7 +53,6 @@ describe('Paywall', () => {
     })
 
     isFlagshipApp.mockReturnValue(isFlagshipAppReturnValue)
-    flag.mockReturnValue(isIapEnabled)
     const mockCall = jest.fn().mockResolvedValue(isIapAvailable)
     useWebviewIntent.mockReturnValue({
       call: mockCall
@@ -68,6 +65,7 @@ describe('Paywall', () => {
           variant="onlyOffice"
           onClose={onCloseSpy}
           isPublic={isPublic}
+          isIapEnabled={isIapEnabled}
         />
       </DemoProvider>
     )

package/react/Paywall/Readme.md

@@ -31,6 +31,7 @@ import Button from 'cozy-ui/transpiled/react/Buttons'
 const initialVariants = [
   {
     isPublic: false,
+    isIapEnabled: false,
     premiumLink: false
   }
 ]
@@ -124,6 +125,7 @@ const makeClient = premiumLink => ({
         {state.modalOpened && (
           <PaywallComponent
             isPublic={variant.isPublic}
+            isIapEnabled={variant.isIapEnabled}
             max={4}
             days={30}
             konnectorName="EDF"

package/react/QualificationGrid/Readme.md

@@ -3,7 +3,7 @@ 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 }]
+const initialVariants = [{ noUndefined: false, noOthers: false, noHealth: false }]
 initialState = { selectedQualification: undefined }
 
 ;
@@ -16,6 +16,7 @@ initialState = { selectedQualification: undefined }
         <QualificationGrid
           noUndefined={variant.noUndefined}
           noOthers={variant.noOthers}
+          noHealth={variant.noHealth}
           onClick={qualification => setState({ selectedQualification: qualification })}
         />
       </>

package/react/QualificationGrid/helpers.js

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

package/react/QualificationGrid/index.jsx

@@ -10,10 +10,10 @@ 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 HomeIcon from '../Icons/Home'
 import QualificationItem from '../QualificationItem'
 import { useI18n } from '../providers/I18n'
 
@@ -30,8 +30,8 @@ const IconByName = {
   dots: DotsIcon
 }
 
-const QualificationGrid = ({ noUndefined, noOthers, onClick }) => {
-  const themesList = getThemesList()
+const QualificationGrid = ({ noUndefined, noOthers, noHealth, onClick }) => {
+  const themesList = getThemesList(noHealth)
   const { t } = useI18n()
   const [selectedQualification, setSelectedQualification] = useState()
 
@@ -72,6 +72,7 @@ const QualificationGrid = ({ noUndefined, noOthers, onClick }) => {
 QualificationGrid.defaultProps = {
   noUndefined: false,
   noOthers: false,
+  noHealth: false,
   onClick: () => {}
 }
 
@@ -80,6 +81,8 @@ QualificationGrid.propTypes = {
   noUndefined: PropTypes.bool,
   /** Remove `others` theme */
   noOthers: PropTypes.bool,
+  /** Remove `health` theme */
+  noHealth: PropTypes.bool,
   /** Triggered when an item is clicked */
   onClick: PropTypes.func
 }

package/transpiled/react/AppSections/Sections.d.ts

@@ -19,6 +19,7 @@ export namespace Sections {
         const t: PropTypes.Validator<(...args: any[]) => any>;
         const apps: PropTypes.Validator<any[]>;
         const error: PropTypes.Requireable<object>;
+        const config: PropTypes.Requireable<object>;
         const onAppClick: PropTypes.Validator<(...args: any[]) => any>;
         const hasNav: PropTypes.Requireable<boolean>;
         const initialSearch: PropTypes.Requireable<object>;

package/transpiled/react/AppSections/Sections.js

@@ -1,3 +1,4 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -5,6 +6,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+var _excluded = ["config"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13,7 +15,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import flag from 'cozy-flags';
 var styles = {
   "Sections__section": "Sections__Sections__section___2onYy"
 };
@@ -362,8 +363,10 @@ export var Sections = /*#__PURE__*/function (_Component) {
   return Sections;
 }(Component);
 
-var SectionsWrapper = function SectionsWrapper(props) {
-  var config = flag('store.alternative-source');
+var SectionsWrapper = function SectionsWrapper(_ref5) {
+  var config = _ref5.config,
+      props = _objectWithoutProperties(_ref5, _excluded);
+
   var i18nConfig = generateI18nConfig(config === null || config === void 0 ? void 0 : config.categories);
   useExtendI18n(i18nConfig);
 
@@ -383,6 +386,7 @@ Sections.propTypes = {
   /** List of apps that will be displayed into categories */
   apps: PropTypes.array.isRequired,
   error: PropTypes.object,
+  config: PropTypes.object,
   onAppClick: PropTypes.func.isRequired,
 
   /** Whether to display the category selector */