cozy-ui 79.2.2 → 79.3.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [79.3.0](https://github.com/cozy/cozy-ui/compare/v79.2.3...v79.3.0) (2023-01-03)
+
+
+### Features
+
+* adapt BottomSheet to flagship app ([18e93f8](https://github.com/cozy/cozy-ui/commit/18e93f8))
+
+## [79.2.3](https://github.com/cozy/cozy-ui/compare/v79.2.2...v79.2.3) (2023-01-03)
+
+
+### Bug Fixes
+
+* **AppSections:** MakeMatcherFromSearch now accept unsupported filter ([1652d1c](https://github.com/cozy/cozy-ui/commit/1652d1c))
+
 ## [79.2.2](https://github.com/cozy/cozy-ui/compare/v79.2.1...v79.2.2) (2022-12-23)
 
 

package/CODEOWNERS

@@ -1,2 +1,2 @@
 # General code owners
-*       @JF-Cozy @Merkur39 @Ldoppea
+*       @JF-Cozy @Merkur39 @Ldoppea @zatteo

package/package.json

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

package/react/AppSections/__snapshots__/search.spec.js.snap

@@ -744,3 +744,229 @@ Array [
   },
 ]
 `;
+
+exports[`makeMatcherFromSearch should work even for an unsupported filter 1`] = `
+Array [
+  Object {
+    "categories": Array [
+      "cozy",
+    ],
+    "developer": Object {
+      "name": "Cozy",
+    },
+    "editor": "Cozy",
+    "icon": "<svg></svg>",
+    "installed": true,
+    "isInRegistry": true,
+    "label": 1,
+    "name": "Collect",
+    "name_prefix": "Cozy",
+    "permissions": Object {
+      "mock": Object {
+        "type": "io.mock.doctype",
+      },
+      "mock2": Object {
+        "type": "io.mock.doctype2",
+      },
+    },
+    "related": "http://collect.cozy.mock/",
+    "slug": "collect",
+    "tags": Array [
+      "konnector",
+      "collect",
+      "bills",
+      "providers",
+      "files",
+    ],
+    "type": "webapp",
+    "uninstallable": false,
+    "version": "3.0.0",
+    "versions": Object {
+      "beta": Array [
+        "3.0.0",
+      ],
+      "dev": Array [
+        "3.0.0",
+      ],
+      "stable": Array [
+        "3.0.0",
+      ],
+    },
+  },
+  Object {
+    "categories": Array [
+      "others",
+    ],
+    "developer": Object {
+      "name": "Cozy",
+    },
+    "editor": "Cozy",
+    "icon": "<svg></svg>",
+    "isInRegistry": true,
+    "locales": Object {
+      "name": "For Dev Only",
+    },
+    "name": "DevOnly",
+    "slug": "devonly",
+    "type": "webapp",
+    "uninstallable": true,
+    "versions": Object {
+      "beta": Array [],
+      "dev": Array [
+        "1.0.0-betaojdkehy989ekhflldh",
+      ],
+      "stable": Array [],
+    },
+  },
+  Object {
+    "categories": Array [
+      "cozy",
+    ],
+    "developer": Object {
+      "name": "Cozy",
+    },
+    "editor": "Cozy",
+    "icon": "<svg></svg>",
+    "installed": true,
+    "name": "Drive",
+    "name_prefix": "Cozy",
+    "permissions": Object {
+      "mock2": Object {
+        "type": "io.mock.doctype2",
+      },
+    },
+    "related": "http://drive.cozy.mock/",
+    "slug": "drive",
+    "tags": Array [
+      "search",
+      "files",
+      "folders",
+    ],
+    "type": "webapp",
+    "uninstallable": false,
+    "version": "3.0.0-beta89bnhj3993",
+  },
+  Object {
+    "categories": Array [
+      "isp",
+      "telecom",
+    ],
+    "developer": Object {
+      "name": "Cozy",
+    },
+    "icon": "<svg></svg>",
+    "isInRegistry": true,
+    "name": "Bouilligue",
+    "slug": "konnector-bouilligue",
+    "type": "konnector",
+    "uninstallable": true,
+    "versions": Object {
+      "beta": Array [
+        "0.1.0",
+      ],
+      "dev": Array [
+        "0.1.0",
+      ],
+      "stable": Array [
+        "0.1.0",
+      ],
+    },
+  },
+  Object {
+    "categories": Array [
+      "transport",
+    ],
+    "developer": Object {
+      "name": "Cozy",
+    },
+    "icon": "<svg></svg>",
+    "installed": true,
+    "isInRegistry": true,
+    "name": "Trinlane",
+    "permissions": Object {
+      "mock": Object {
+        "type": "io.mock.doctype",
+      },
+    },
+    "slug": "konnector-trinlane",
+    "tags": Array [
+      "transport",
+      "files",
+      "bills",
+    ],
+    "type": "konnector",
+    "uninstallable": true,
+    "version": "0.1.0",
+    "versions": Object {
+      "beta": Array [
+        "0.1.0",
+      ],
+      "dev": Array [
+        "0.1.0",
+      ],
+      "stable": Array [
+        "0.1.0",
+      ],
+    },
+  },
+  Object {
+    "categories": Array [
+      "cozy",
+    ],
+    "developer": Object {
+      "name": "Cozy",
+    },
+    "editor": "Cozy",
+    "icon": "<svg></svg>",
+    "isInRegistry": true,
+    "locales": Object {
+      "en": Object {
+        "long_description": "A long description finally short",
+      },
+    },
+    "name": "Photos",
+    "name_prefix": "Cozy",
+    "slug": "photos",
+    "type": "webapp",
+    "uninstallable": true,
+    "versions": Object {
+      "beta": Array [
+        "3.0.0",
+      ],
+      "dev": Array [
+        "3.0.0",
+      ],
+      "stable": Array [
+        "3.0.0",
+      ],
+    },
+  },
+  Object {
+    "availableVersion": "3.0.0",
+    "categories": Array [
+      "partners",
+    ],
+    "icon": "<svg></svg>",
+    "installed": true,
+    "isInRegistry": true,
+    "name": "Tasky",
+    "slug": "tasky",
+    "type": "webapp",
+    "uninstallable": true,
+    "versions": Object {
+      "beta": Array [
+        "3.0.0",
+        "1.0.0",
+      ],
+      "dev": Array [
+        "3.0.0",
+        "1.0.0",
+      ],
+      "stable": Array [
+        "3.0.0",
+        "1.0.0",
+      ],
+    },
+  },
+]
+`;

package/react/AppSections/search.js

@@ -52,7 +52,7 @@ export const makeMatcherFromSearch = (search = {}) => {
   // Create all predicates from the search object
   const predicates = Object.values(
     mapValues(search, (value, name) => {
-      return searchAttrToMatcher[name](value)
+      return searchAttrToMatcher[name]?.(value)
     })
   )
   // Return a function returning true if all predicates pass

package/react/AppSections/search.spec.js

@@ -150,4 +150,9 @@ describe('makeMatcherFromSearch', () => {
     const matcher = makeMatcherFromSearch({ category: 'cozy' })
     expect([appWithoutCategories].filter(matcher)).toMatchSnapshot()
   })
+
+  it('should work even for an unsupported filter', () => {
+    const matcher = makeMatcherFromSearch({ unsupportedKey: 'omg' })
+    expect(mockApps.filter(matcher)).toMatchSnapshot()
+  })
 })

package/react/BottomSheet/BottomSheet.jsx

@@ -30,6 +30,7 @@ import {
   computeBottomSpacer
 } from './helpers'
 import { ANIMATION_DURATION } from './constants'
+import { useSetFlagshipUI } from '../hooks/useSetFlagshipUi/useSetFlagshipUI'
 
 const createContainerWrapperStyles = () => ({
   container: {
@@ -258,6 +259,12 @@ const BottomSheet = memo(
       children // to recompute data if content changes
     ])
 
+    useSetFlagshipUI(
+      { bottomTheme: 'dark' },
+      { bottomTheme: getFlagshipMetadata().immersive ? 'light' : 'dark' },
+      'cozy-ui/BottomSheet'
+    )
+
     return (
       <ContainerWrapper showBackdrop={showBackdrop}>
         {getFlagshipMetadata().immersive && (
@@ -338,7 +345,8 @@ BottomSheet.defaultProps = {
   classes: {},
   toolbarProps: {},
   backdrop: false,
-  offset: 0
+  offset:
+    (getFlagshipMetadata().immersive && getFlagshipMetadata().navbarHeight) ?? 0
 }
 
 BottomSheet.propTypes = {

package/react/Snackbar/Readme.md

@@ -55,7 +55,6 @@ initialState = { open: isTesting() }
 
 const handleToggle = () => {setState(state => ({ open: !state.open }))}
 
-const colors = ['primary', 'secondary', 'success', 'error', 'warning', 'info']
 const initialVariants = [{ primary: true, secondary: true, success: false, error: false, warning: false, info: false }]
 
 ;

package/transpiled/react/AppSections/search.js

@@ -73,7 +73,9 @@ export var makeMatcherFromSearch = function makeMatcherFromSearch() {
   var search = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // Create all predicates from the search object
   var predicates = Object.values(mapValues(search, function (value, name) {
-    return searchAttrToMatcher[name](value);
+    var _searchAttrToMatcher$;
+
+    return (_searchAttrToMatcher$ = searchAttrToMatcher[name]) === null || _searchAttrToMatcher$ === void 0 ? void 0 : _searchAttrToMatcher$.call(searchAttrToMatcher, value);
   })); // Return a function returning true if all predicates pass
 
   return overEvery(predicates);

package/transpiled/react/BottomSheet/BottomSheet.js

@@ -5,6 +5,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["portalProps"];
 
+var _ref4;
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -22,6 +24,7 @@ import Paper from "cozy-ui/transpiled/react/Paper";
 import BackdropOrFragment from "cozy-ui/transpiled/react/BottomSheet/BackdropOrFragment";
 import { computeMaxHeight, computeMediumHeight, computeMinHeight, makeOverridenChildren, setTopPosition, setBottomPosition, minimizeAndClose, computeBottomSpacer } from "cozy-ui/transpiled/react/BottomSheet/helpers";
 import { ANIMATION_DURATION } from "cozy-ui/transpiled/react/BottomSheet/constants";
+import { useSetFlagshipUI } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI";
 
 var createContainerWrapperStyles = function createContainerWrapperStyles() {
   return {
@@ -258,6 +261,11 @@ var BottomSheet = /*#__PURE__*/memo(function (_ref3) {
     setBottomSpacerHeight(bottomSpacerHeight);
   }, [innerContentRef, toolbarProps, mediumHeightRatio, mediumHeight, showBackdrop, backdrop, isClosable, offset, children // to recompute data if content changes
   ]);
+  useSetFlagshipUI({
+    bottomTheme: 'dark'
+  }, {
+    bottomTheme: getFlagshipMetadata().immersive ? 'light' : 'dark'
+  }, 'cozy-ui/BottomSheet');
   return /*#__PURE__*/React.createElement(ContainerWrapper, {
     showBackdrop: showBackdrop
   }, getFlagshipMetadata().immersive && /*#__PURE__*/React.createElement("span", {
@@ -330,7 +338,7 @@ BottomSheet.defaultProps = {
   classes: {},
   toolbarProps: {},
   backdrop: false,
-  offset: 0
+  offset: (_ref4 = getFlagshipMetadata().immersive && getFlagshipMetadata().navbarHeight) !== null && _ref4 !== void 0 ? _ref4 : 0
 };
 BottomSheet.propTypes = {
   /** Toolbar properties */
@@ -363,9 +371,9 @@ BottomSheet.propTypes = {
   /** To totally close the BottomSheet by swaping it down */
   onClose: PropTypes.func
 };
-var BottomSheetPortal = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var portalProps = _ref4.portalProps,
-      props = _objectWithoutProperties(_ref4, _excluded);
+var BottomSheetPortal = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+  var portalProps = _ref5.portalProps,
+      props = _objectWithoutProperties(_ref5, _excluded);
 
   var cozyTheme = useCozyTheme();
   var CozyThemeWrapper = portalProps !== null && portalProps !== void 0 && portalProps.disablePortal ? Fragment : CozyTheme;