cozy-ui 117.2.1 → 117.3.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [117.3.0](https://github.com/cozy/cozy-ui/compare/v117.2.2...v117.3.0) (2025-02-20)
+
+
+### Features
+
+* Add FileTypeServer illustration ([740ddb7](https://github.com/cozy/cozy-ui/commit/740ddb7))
+
+## [117.2.2](https://github.com/cozy/cozy-ui/compare/v117.2.1...v117.2.2) (2025-02-04)
+
+
+### Bug Fixes
+
+* **NestedSelect:** Now add space between close button and content if no title ([0f20f2a](https://github.com/cozy/cozy-ui/commit/0f20f2a))
+* **QualificationModal:** Now show initial list if search value is empty ([831b53e](https://github.com/cozy/cozy-ui/commit/831b53e))
+
 ## [117.2.1](https://github.com/cozy/cozy-ui/compare/v117.2.0...v117.2.1) (2025-02-04)
 
 

package/assets/icons/illus/file-type-server.svg

@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.799 16.501A4 4 0 0 1 5.923 15h20.155a4 4 0 0 1 3.123 1.501l2.142 2.677A3 3 0 0 1 32 21.052V24H0v-2.948a3 3 0 0 1 .657-1.874L2.8 16.501ZM2.799 2.501A4 4 0 0 1 5.923 1h20.155A4 4 0 0 1 29.2 2.501l2.142 2.677A3 3 0 0 1 32 7.052V10H0V7.052a3 3 0 0 1 .657-1.874L2.8 2.501Z" fill="#197BFF"/><path d="M0 21a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-8ZM0 7a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V7Z" fill="#B2D3FF"/><path d="M8 25a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="#297EF2"/></svg>

package/package.json

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

package/react/Icon/Readme.md

@@ -693,6 +693,7 @@ import FileTypeBinIcon from 'cozy-ui/transpiled/react/Icons/FileTypeBin'
 import FileTypeCodeIcon from 'cozy-ui/transpiled/react/Icons/FileTypeCode'
 import FileTypeFilesIcon from 'cozy-ui/transpiled/react/Icons/FileTypeFiles'
 import FileTypeFolderIcon from 'cozy-ui/transpiled/react/Icons/FileTypeFolder'
+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'
@@ -733,6 +734,7 @@ const icons = [
   FileTypeCodeIcon,
   FileTypeFilesIcon,
   FileTypeFolderIcon,
+  FileTypeServerIcon,
   FileTypeImageIcon,
   FileTypeNoteIcon,
   FileTypePdfIcon,
@@ -788,7 +790,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 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-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', '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-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', 'store', 'top-select', 'trash-duotone', 'cozy']
 
 ;
 

package/react/Icons/FileTypeServer.jsx

@@ -0,0 +1,23 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/file-type-server.svg` to regenerate;
+import React from 'react'
+
+function SvgFileTypeServer(props) {
+  return (
+    <svg viewBox="0 0 32 32" fill="none" {...props}>
+      <path
+        d="M2.799 16.501A4 4 0 015.923 15h20.155a4 4 0 013.123 1.501l2.142 2.677A3 3 0 0132 21.052V24H0v-2.948a3 3 0 01.657-1.874L2.8 16.501zm0-14A4 4 0 015.923 1h20.155A4 4 0 0129.2 2.501l2.142 2.677A3 3 0 0132 7.052V10H0V7.052a3 3 0 01.657-1.874L2.8 2.501z"
+        fill="#197BFF"
+      />
+      <path
+        d="M0 21a2 2 0 012-2h28a2 2 0 012 2v8a2 2 0 01-2 2H2a2 2 0 01-2-2v-8zM0 7a2 2 0 012-2h28a2 2 0 012 2v8a2 2 0 01-2 2H2a2 2 0 01-2-2V7z"
+        fill="#B2D3FF"
+      />
+      <path
+        d="M8 25a2 2 0 11-4 0 2 2 0 014 0zm0-14a2 2 0 11-4 0 2 2 0 014 0z"
+        fill="#297EF2"
+      />
+    </svg>
+  )
+}
+
+export default SvgFileTypeServer

package/react/NestedSelect/NestedSelect.jsx

@@ -94,7 +94,12 @@ const NestedSelect = ({
   const currentTitle = current.title || title
 
   return (
-    <span ref={innerRef}>
+    <span
+      ref={innerRef}
+      className={cx({
+        [styles['title-container--without-title']]: !currentTitle
+      })}
+    >
       {HeaderComponent ? (
         <HeaderComponent
           title={currentTitle}

package/react/NestedSelect/styles.styl

@@ -12,6 +12,9 @@
     position relative
     top -0.5rem
 
+.title-container--without-title
+    margin-top 4rem
+
 .search-container--without-title
     margin-right 1rem
     margin-top 0.5rem

package/react/QualificationModal/helpers.js

@@ -38,6 +38,8 @@ export const makeOptions = lang => {
 }
 
 export const searchOptionsFn = (options, value) => {
+  if (!value) return options.children
+
   const deepOptions = options.children
     .flatMap(child => child.children)
     .reduce((acc, curr) => {

package/react/QualificationModal/helpers.spec.js

@@ -29,4 +29,33 @@ describe('searchOptionsFn', () => {
 
     expect(res).toStrictEqual([{ id: '01', title: 'Identity Photo' }])
   })
+
+  it('should return the initial list and not all children', () => {
+    const options = {
+      children: [
+        { id: 'none', title: 'None' },
+        {
+          id: 'theme1',
+          title: 'Identity',
+          children: [
+            { id: '01', title: 'Identity Photo' },
+            { id: '02', title: 'ID card' }
+          ]
+        },
+        {
+          id: 'theme2',
+          title: 'Family',
+          children: [
+            { id: '03', title: 'Family record book' },
+            { id: '04', title: 'Birth certificate' },
+            { id: '01', title: 'Identity Photo' }
+          ]
+        }
+      ]
+    }
+
+    const res = searchOptionsFn(options, '')
+
+    expect(res).toStrictEqual(options.children)
+  })
 })