@jobber/components 3.4.8 → 3.4.9-pre0.5

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.5.2](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.5.1...@jobber/components@3.5.2) (2023-03-10)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [3.5.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.5.0...@jobber/components@3.5.1) (2023-03-08)
+
+
+### Bug Fixes
+
+* use update instead of forceUpdate on popper ([#1115](https://github.com/GetJobber/atlantis/issues/1115)) ([e74114c](https://github.com/GetJobber/atlantis/commit/e74114cabf8c00b6336939d4f670f11c5eb20a95))
+
+
+
+
+
+# [3.5.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.4.8...@jobber/components@3.5.0) (2023-03-08)
+
+
+### Features
+
+* **components:** only show the navigation buttons on Lightbox when there is more than 1 image ([#1112](https://github.com/GetJobber/atlantis/issues/1112)) ([63f0a85](https://github.com/GetJobber/atlantis/commit/63f0a85cbdc48492a9c1da90b016bd1c0a8f46fe))
+
+
+
+
+
 ## [3.4.8](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.4.7...@jobber/components@3.4.8) (2023-03-07)
 
 **Note:** Version bump only for package @jobber/components

package/dist/Chips/index.js

@@ -477,8 +477,11 @@ function InternalChipDismissibleInput(props) {
     var _c = useInternalChipDismissibleInput(props), activeIndex = _c.activeIndex, allOptions = _c.allOptions, hasAvailableOptions = _c.hasAvailableOptions, inputRef = _c.inputRef, menuId = _c.menuId, menuOpen = _c.menuOpen, searchValue = _c.searchValue, generateDescendantId = _c.generateDescendantId, handleBlur = _c.handleBlur, handleOpenMenu = _c.handleOpenMenu, handleSearchChange = _c.handleSearchChange, handleCancelBlur = _c.handleCancelBlur, handleEnableBlur = _c.handleEnableBlur, handleSetActiveOnMouseOver = _c.handleSetActiveOnMouseOver, handleKeyDown = _c.handleKeyDown, handleSelectOption = _c.handleSelectOption, handleDebouncedSearch = _c.handleDebouncedSearch;
     var menuRef = useScrollToActive(activeIndex);
     var _d = useInView(), visibleChildRef = _d.ref, isInView = _d.isInView;
-    var _e = useRepositionMenu(attachTo), popperStyles = _e.styles, attributes = _e.attributes, forceUpdate = _e.forceUpdate, setPositionedElementRef = _e.setPositionedElementRef;
-    React.useEffect(function () { return forceUpdate === null || forceUpdate === void 0 ? void 0 : forceUpdate(); }, [allOptions]);
+    var _e = useRepositionMenu(attachTo), popperStyles = _e.styles, attributes = _e.attributes, update = _e.update, setPositionedElementRef = _e.setPositionedElementRef;
+    React.useEffect(function () {
+        if (menuOpen && update)
+            update();
+    }, [allOptions]);
     React.useEffect(function () {
         handleDebouncedSearch();
         return handleDebouncedSearch.cancel;

package/dist/Gallery/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var LightBox = require('../LightBox-4eb2e6f0.js');
+var LightBox = require('../LightBox-1ad62669.js');
 var FormatFile = require('../FormatFile-18e8a54a.js');
 var Button = require('../Button-cd30df0f.js');
 require('framer-motion');

package/dist/LightBox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-4eb2e6f0.js');
+var LightBox = require('../LightBox-1ad62669.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('framer-motion');

package/dist/{LightBox-4eb2e6f0.js → LightBox-1ad62669.js}

@@ -77,8 +77,9 @@ function LightBox(_a) {
         React__default["default"].createElement("div", { className: styles.imagesWrapper },
             React__default["default"].createElement(framerMotion.AnimatePresence, { initial: false },
                 React__default["default"].createElement(framerMotion.motion.img, { key: currentImageIndex, variants: variants, src: images[currentImageIndex].url, custom: direction, className: styles.image, style: { y: "-50%" }, initial: "enter", animate: "center", exit: "exit", transition: imageTransition, drag: "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 1, onDragEnd: handleOnDragEnd }))),
-        React__default["default"].createElement(PreviousButton, { onClick: debouncedHandlePrevious }),
-        React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }),
+        images.length > 1 && (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(PreviousButton, { onClick: debouncedHandlePrevious }),
+            React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }))),
         React__default["default"].createElement("div", { className: styles.toolbar }, images[currentImageIndex].caption),
         React__default["default"].createElement("div", { className: styles.overlay, onClick: handleRequestClose })))));
     return ReactDOM__default["default"].createPortal(template, document.body);

package/dist/Toast/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var ReactDOM = require('react-dom');
+var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Icon = require('../Icon-d5ad1a6d.js');
@@ -72,19 +72,17 @@ function Toast(_a) {
     }
 }
 
-function showToast(props) {
-    createDocumentToast(props);
+var targetId = "atlantis-toast-element";
+var target = document.querySelector("#" + targetId);
+if (!target) {
+    target = document.createElement("div");
+    target.id = targetId;
+    target.classList.add(styles.wrapper);
+    document.body.appendChild(target);
 }
-function createDocumentToast(props) {
-    var targetId = "atlantis-toast-element";
-    var target = document.querySelector("#" + targetId);
-    if (!target) {
-        target = document.createElement("div");
-        target.id = targetId;
-        target.classList.add(styles.wrapper);
-        document.body.appendChild(target);
-    }
-    ReactDOM.render(React__default["default"].createElement(ToasterOven, tslib_es6.__assign({}, props)), target);
+var root = client.createRoot(target);
+function showToast(props) {
+    root.render(React__default["default"].createElement(ToasterOven, tslib_es6.__assign({}, props)));
 }
 var ToastContainer = React.forwardRef(ToastInternal);
 function ToasterOven(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.4.8",
+  "version": "3.4.9-pre0.5+6695bed1",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,9 +18,9 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.29.3",
-    "@jobber/formatters": "^0.2.1",
-    "@jobber/hooks": "^1.13.1",
+    "@jobber/design": "^0.29.4-pre0.40+6695bed1",
+    "@jobber/formatters": "^0.2.2-pre0.40+6695bed1",
+    "@jobber/hooks": "^1.13.2-pre0.7+6695bed1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -28,7 +28,7 @@
     "@types/lodash": "^4.14.136",
     "@types/react-datepicker": "^4.8.0",
     "@types/react-router": "5.1.7",
-    "@types/react-router-dom": "5.1.5",
+    "@types/react-router-dom": "^5.3.3",
     "@types/uuid": "^8.3.3",
     "@use-it/event-listener": "^0.1.3",
     "axios": "^0.21.2",
@@ -43,7 +43,7 @@
     "react-hook-form": "^6.15.8",
     "react-markdown": "^8.0.3",
     "react-popper": "^2.2.5",
-    "react-router-dom": "~5.2.0",
+    "react-router-dom": "^5.3.4",
     "time-input-polyfill": "^1.0.7",
     "ts-xor": "^1.0.8",
     "uuid": "^8.3.2"
@@ -76,13 +76,13 @@
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
-    "react": ">=16.8",
-    "react-dom": ">=16.8"
+    "react": "^18",
+    "react-dom": "^18"
   },
   "browserslist": [
     "last 1 version",
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e7c19153dc77e5c84446d1ac5cde3791c8b50943"
+  "gitHead": "6695bed1d371d60cf3f6fa6a02c2819d576bf410"
 }