@zextras/carbonio-shell-ui 4.0.1 → 5.0.0

package/README.md

@@ -23,12 +23,13 @@ The main Carbonio Web Client interface
 
 <h4>Setup</h4>
 
-- clone this repo
+- clone the repo
 
 - install the dependencies:
+
 ```
+nvm use
 npm install
-npm run sdk-setup
 ```
 
 <h4>Watch Mode</h4>
@@ -39,6 +40,16 @@ npm run start -- -h <host>
 
 The host parameter is required to proxy requests and content from an existing Carbonio installation.
 
+<h4>Deploy</h4>
+
+To deploy to a host:
+
+```
+npm run deploy -- -h <host>
+```
+
+The host parameter is required to proxy requests and content from an existing Carbonio installation.
+
 <h4>Build</h4>
 
 ```

package/dist/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [5.0.0](https://github.com/zextras/carbonio-shell-ui/compare/v4.0.1...v5.0.0) (2023-11-22)
+
+
+### ⚠ BREAKING CHANGES
+
+* bump @zextras/carbonio-design-system dep to 4.0.0
+Refs: SHELL-180
+
+### Bug Fixes
+
+* **RouteLeavingGuard:** translate modal labels with shell instance ([bcf59a0](https://github.com/zextras/carbonio-shell-ui/commit/bcf59a09c37c9dcbceaba64b0258a8bf7609a1ab)), closes [#359](https://github.com/zextras/carbonio-shell-ui/issues/359)
+
+
+* update ChipInput usages ([9366341](https://github.com/zextras/carbonio-shell-ui/commit/93663414f8b8312e826591f4667d8b470b0980e5))
+
 ### [4.0.1](https://github.com/zextras/carbonio-shell-ui/compare/v4.0.0...v4.0.1) (2023-11-06)
 
 ## [4.0.0](https://github.com/zextras/carbonio-shell-ui/compare/v3.4.3...v4.0.0) (2023-10-24)

package/dist/PKGBUILD

@@ -10,7 +10,7 @@ targets=(
   "ubuntu"
 )
 pkgname="carbonio-shell-ui"
-pkgver="4.0.1"
+pkgver="5.0.0"
 pkgrel="1"
 pkgdesc="The Zextras Carbonio web client"
 pkgdesclong=(
@@ -35,11 +35,11 @@ preinst() {
 
 package() {
   cd "${srcdir}"
-  mkdir -p "${pkgdir}/opt/zextras/web/iris/${pkgname}/7a5930e241a9a27e56bce7478d0118f7d8eacb8c"
-  cp -a  ../dist/* "${pkgdir}/opt/zextras/web/iris/${pkgname}/7a5930e241a9a27e56bce7478d0118f7d8eacb8c" || true
-  chown root:root -R "${pkgdir}/opt/zextras/web/iris/${pkgname}/7a5930e241a9a27e56bce7478d0118f7d8eacb8c"
-  chmod 644 -R "${pkgdir}/opt/zextras/web/iris/${pkgname}/7a5930e241a9a27e56bce7478d0118f7d8eacb8c"
-  find "${pkgdir}/opt/zextras/web/iris/${pkgname}/7a5930e241a9a27e56bce7478d0118f7d8eacb8c" -type d -exec chmod a+x "{}" \;
+  mkdir -p "${pkgdir}/opt/zextras/web/iris/${pkgname}/ae6f74cbcaea5512d1ce14d150825c1b8038a83a"
+  cp -a  ../dist/* "${pkgdir}/opt/zextras/web/iris/${pkgname}/ae6f74cbcaea5512d1ce14d150825c1b8038a83a" || true
+  chown root:root -R "${pkgdir}/opt/zextras/web/iris/${pkgname}/ae6f74cbcaea5512d1ce14d150825c1b8038a83a"
+  chmod 644 -R "${pkgdir}/opt/zextras/web/iris/${pkgname}/ae6f74cbcaea5512d1ce14d150825c1b8038a83a"
+  find "${pkgdir}/opt/zextras/web/iris/${pkgname}/ae6f74cbcaea5512d1ce14d150825c1b8038a83a" -type d -exec chmod a+x "{}" \;
 }
 
 postinst() {
@@ -47,7 +47,7 @@ postinst() {
   mkdir -p "/opt/zextras/web/iris/${pkgname}/current"
 
   # not every package has a index.html
-  cd "/opt/zextras/web/iris/${pkgname}/7a5930e241a9a27e56bce7478d0118f7d8eacb8c"
+  cd "/opt/zextras/web/iris/${pkgname}/ae6f74cbcaea5512d1ce14d150825c1b8038a83a"
   find . -name "*.html" -exec cp --parents "{}" /opt/zextras/web/iris/${pkgname}/current/ \;
 
   # re-generate the component list, for every component

package/dist/commit

@@ -1 +1 @@
-7a5930e241a9a27e56bce7478d0118f7d8eacb8c
+ae6f74cbcaea5512d1ce14d150825c1b8038a83a

package/dist/component.json

@@ -1,9 +1,9 @@
 {
 	"name": "carbonio-shell-ui",
-	"js_entrypoint": "/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/zapp-shell.bundle.js",
+	"js_entrypoint": "/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/zapp-shell.bundle.js",
 	"description": "The Zextras Carbonio web client",
-	"version": "4.0.1",
-	"commit": "7a5930e241a9a27e56bce7478d0118f7d8eacb8c",
+	"version": "5.0.0",
+	"commit": "ae6f74cbcaea5512d1ce14d150825c1b8038a83a",
 	"priority": -1,
 	"type": "shell",
 	"attrKey": "",

package/dist/index.html

@@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<meta http-equiv="Cache-Control" content="no-cache" />
 	<meta http-equiv="Pragma" content="no-cache" />
 	<meta http-equiv="Expires" content="0" />
-<script defer src="/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/zapp-shell.bundle.js"></script><link href="/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/style.a7b508b5.css" rel="stylesheet"></head>
+<script defer src="/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/zapp-shell.bundle.js"></script><link href="/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/style.f5ce32fb.css" rel="stylesheet"></head>
 
 <body>
 	<div id="app"></div>

package/dist/{src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.b9ce0d5d.chunk.js → src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.35d8a04f.chunk.js}

@@ -3087,7 +3087,7 @@ const OutlinedIconButton = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["de
 const StyledChipInput = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["default"])(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_10__.ChipInput).withConfig({
   displayName: "search-bar__StyledChipInput",
   componentId: "sc-1h49lt8-1"
-})(["padding:0 1rem;&:hover{outline:none;background:", ";}"], _ref2 => {
+})(["cursor:pointer;overflow-x:hidden;padding:0 1rem;&:hover{outline:none;background:", ";}"], _ref2 => {
   let {
     theme,
     disabled
@@ -3313,12 +3313,17 @@ const SearchBar = () => {
     options: options,
     placeholder: placeholder,
     confirmChipOnBlur: false,
-    separators: ['Enter', 'NumpadEnter', 'Comma', 'Space'],
+    separators: [{
+      key: 'Enter',
+      ctrlKey: false
+    }, {
+      key: ',',
+      ctrlKey: false
+    }, {
+      key: ' ',
+      ctrlKey: false
+    }],
     background: searchDisabled ? 'gray5' : 'gray6',
-    style: {
-      cursor: 'pointer',
-      overflowX: 'hidden'
-    },
     onChange: onQueryChange,
     onInputType: onInputType,
     onInputTypeDebounce: 0,
@@ -11350,7 +11355,7 @@ const defaultI18nInitOptions = {
     console.warn(`Missing translation with key '${key}'`);
   },
   backend: {
-    loadPath: `${"/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/"}/i18n/{{lng}}.json`
+    loadPath: `${"/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/"}/i18n/{{lng}}.json`
   }
 };
 const useI18nStore = (0,zustand__WEBPACK_IMPORTED_MODULE_6__.create)()(set => ({
@@ -11384,7 +11389,7 @@ const useI18nStore = (0,zustand__WEBPACK_IMPORTED_MODULE_6__.create)()(set => ({
             ...defaultI18nInitOptions,
             lng: locale,
             backend: {
-              loadPath: app.name === _constants__WEBPACK_IMPORTED_MODULE_4__.SHELL_APP_ID ? `${"/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/"}/i18n/{{lng}}.json` : `${(0,lodash__WEBPACK_IMPORTED_MODULE_2__.dropRight)(app.js_entrypoint.split('/')).join('/')}/i18n/{{lng}}.json`
+              loadPath: app.name === _constants__WEBPACK_IMPORTED_MODULE_4__.SHELL_APP_ID ? `${"/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/"}/i18n/{{lng}}.json` : `${(0,lodash__WEBPACK_IMPORTED_MODULE_2__.dropRight)(app.js_entrypoint.split('/')).join('/')}/i18n/{{lng}}.json`
             }
           });
           // eslint-disable-next-line no-param-reassign
@@ -11581,8 +11586,8 @@ const Composer = _ref => {
     });
   }, [inlineLabel, onFileClick, onFileSelect, t]);
   const editorInitConfig = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
-    content_css: `${"/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/"}/tinymce/skins/content/default/content.css`,
-    language_url: `${"/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/"}tinymce/langs/${language}.js`,
+    content_css: `${"/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/"}/tinymce/skins/content/default/content.css`,
+    language_url: `${"/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/"}tinymce/langs/${language}.js`,
     language,
     setup: setupCallback,
     min_height: 350,
@@ -12104,7 +12109,7 @@ const useLoginConfigStore = (0,zustand__WEBPACK_IMPORTED_MODULE_0__.create)()(()
   // setup defaults for fields which does not depend on dark mode
   carbonioWebUiTitle: 'Carbonio Client',
   // default to png because this icon is used also in notification, and svg are not supported there
-  carbonioWebUiFavicon: `${"/static/iris/carbonio-shell-ui/7a5930e241a9a27e56bce7478d0118f7d8eacb8c/"}favicon.png`
+  carbonioWebUiFavicon: `${"/static/iris/carbonio-shell-ui/ae6f74cbcaea5512d1ce14d150825c1b8038a83a/"}favicon.png`
 }));
 
 /***/ }),
@@ -12494,8 +12499,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_zextras_carbonio_design_system__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ "./node_modules/react-i18next/dist/es/index.js");
 /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js");
+/* harmony import */ var _store_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../store/i18n */ "./src/store/i18n/index.ts");
 
 /*
  * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
@@ -12518,22 +12523,29 @@ const RouteLeavingGuard = _ref => {
   const history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_4__.useHistory)();
   const lastLocationInitial = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => history.location, [history]);
   const [modalVisible, setModalVisible] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
-  const [lastLocation, setLastLocation] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(lastLocationInitial);
-  const [confirmedNavigation, setConfirmedNavigation] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
-  const [t] = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
-  const cancel = () => {
+  const lastLocationRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(lastLocationInitial);
+  const confirmedNavigationRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);
+  const t = (0,_store_i18n__WEBPACK_IMPORTED_MODULE_3__.getT)();
+  const cancel = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
     setModalVisible(false);
-    setConfirmedNavigation(false);
-  };
-  const handleBlockedNavigation = nextLocation => {
-    if (!confirmedNavigation && `${nextLocation.pathname}${nextLocation.search || ''}` !== `${history.location.pathname}${history.location.search}`) {
+    confirmedNavigationRef.current = false;
+  }, []);
+  const confirmNavigation = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
+    confirmedNavigationRef.current = true;
+    if (lastLocationRef.current) {
+      // Navigate to the previous blocked location with your navigate function
+      history.push(lastLocationRef.current);
+    }
+  }, [history]);
+  const handleBlockedNavigation = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(nextLocation => {
+    if (!confirmedNavigationRef.current && `${nextLocation.pathname}${nextLocation.search || ''}` !== `${history.location.pathname}${history.location.search}`) {
       setModalVisible(true);
-      setLastLocation(nextLocation);
+      lastLocationRef.current = nextLocation;
       return false;
     }
     return true;
-  };
-  const onConfirm = () => {
+  }, [history.location.pathname, history.location.search]);
+  const onConfirm = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
     onSave().then(results => {
       const rejected = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(results, result => result.status === 'rejected');
       if (rejected.length > 0) {
@@ -12541,23 +12553,17 @@ const RouteLeavingGuard = _ref => {
         cancel();
       } else {
         setModalVisible(false);
-        setConfirmedNavigation(true);
+        confirmNavigation();
       }
     }).catch(reason => {
       console.error(reason);
       cancel();
     });
-  };
-  const onSecondaryAction = () => {
+  }, [cancel, confirmNavigation, onSave]);
+  const onSecondaryAction = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
     setModalVisible(false);
-    setConfirmedNavigation(true);
-  };
-  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
-    if (confirmedNavigation && lastLocation) {
-      // Navigate to the previous blocked location with your navigate function
-      history.push(lastLocation);
-    }
-  }, [confirmedNavigation, history, lastLocation]);
+    confirmNavigation();
+  }, [confirmNavigation]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Prompt, {
     when: when,
     message: handleBlockedNavigation
@@ -13499,4 +13505,4 @@ module.exports = __webpack_require__.p + "20d012c938e8d0dcc703.mp3";
 /***/ })
 
 }]);
-//# sourceMappingURL=src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.b9ce0d5d.chunk.js.map
+//# sourceMappingURL=src_boot_bootstrapper_tsx-node_modules_moment_locale_sync_recursive_.35d8a04f.chunk.js.map