@jobber/components 3.4.8 → 3.4.9-pre.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/Banner/index.js +1 -1
  3. package/dist/Chips/index.js +5 -2
  4. package/dist/Gallery/index.js +1 -1
  5. package/dist/LightBox/index.js +1 -1
  6. package/dist/{LightBox-4eb2e6f0.js → LightBox-1ad62669.js} +3 -2
  7. package/dist/Toast/index.js +13 -12
  8. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,47 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.5.3](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.5.2...@jobber/components@3.5.3) (2023-03-10)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **components:** Update Banner to fix Global Banner layout in JO ([#1113](https://github.com/GetJobber/atlantis/issues/1113)) ([380cb89](https://github.com/GetJobber/atlantis/commit/380cb89133a984dae7cf445a08837bd17cc551e7))
12
+
13
+
14
+
15
+
16
+
17
+ ## [3.5.2](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.5.1...@jobber/components@3.5.2) (2023-03-10)
18
+
19
+ **Note:** Version bump only for package @jobber/components
20
+
21
+
22
+
23
+
24
+
25
+ ## [3.5.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.5.0...@jobber/components@3.5.1) (2023-03-08)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * use update instead of forceUpdate on popper ([#1115](https://github.com/GetJobber/atlantis/issues/1115)) ([e74114c](https://github.com/GetJobber/atlantis/commit/e74114cabf8c00b6336939d4f670f11c5eb20a95))
31
+
32
+
33
+
34
+
35
+
36
+ # [3.5.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.4.8...@jobber/components@3.5.0) (2023-03-08)
37
+
38
+
39
+ ### Features
40
+
41
+ * **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))
42
+
43
+
44
+
45
+
46
+
6
47
  ## [3.4.8](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.4.7...@jobber/components@3.4.8) (2023-03-07)
7
48
 
8
49
  **Note:** Version bump only for package @jobber/components
package/dist/Banner/index.js CHANGED
@@ -19,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
19
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
20
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
21
21
 
22
- var css$1 = ".XnQ3RJFzByInxjZ8LTsv8 {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n box-shadow: var(--shadow-base);\n padding: var(--space-base);\n color: var(--color-text);\n background-color: var(--color-surface--background);\n grid-gap: var(--space-small);\n grid-gap: var(--space-small);\n gap: var(--space-small);\n -ms-flex-align: center;\n align-items: center;\n}\n\n._3vGMT9on-QbjXBlSaiNcgm {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n grid-gap: var(--space-small);\n grid-gap: var(--space-small);\n gap: var(--space-small);\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n._2iRHpLiGUYBO-8xY0h00rp {\n -ms-flex-item-align: center;\n align-self: center;\n}\n\n._3vGMT9on-QbjXBlSaiNcgm > *:last-child {\n margin-bottom: 0;\n}\n\n._1S5EoHZng2ePaBlNMXhUYb ._3vGMT9on-QbjXBlSaiNcgm {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n\n._12QzEnq3z7-XCpLmgYARp {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n\n._2MtsHfzp46XdG3BZQtOLm- {\n margin: calc(var(--space-smallest) * -1) 0;\n padding: var(--space-smallest);\n border: none;\n background-color: transparent;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -ms-flex: 0;\n flex: 0;\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n\n._2MtsHfzp46XdG3BZQtOLm-:hover {\n background: rgba(0, 0, 0, 0.025);\n}\n\n._2MtsHfzp46XdG3BZQtOLm-:focus {\n box-shadow: var(--shadow-focus);\n outline: none;\n background: rgba(0, 0, 0, 0.05);\n}\n";
22
+ var css$1 = ".XnQ3RJFzByInxjZ8LTsv8 {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n box-shadow: var(--shadow-base);\n padding: var(--space-base);\n color: var(--color-text);\n background-color: var(--color-surface--background);\n grid-gap: var(--space-small);\n grid-gap: var(--space-small);\n gap: var(--space-small);\n -ms-flex-align: center;\n align-items: center;\n}\n\n._3vGMT9on-QbjXBlSaiNcgm {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n grid-gap: var(--space-small);\n grid-gap: var(--space-small);\n gap: var(--space-small);\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n._2iRHpLiGUYBO-8xY0h00rp {\n -ms-flex-item-align: center;\n align-self: center;\n}\n\n._3vGMT9on-QbjXBlSaiNcgm > *:last-child {\n margin-bottom: 0;\n}\n\n._1S5EoHZng2ePaBlNMXhUYb ._2iRHpLiGUYBO-8xY0h00rp {\n -ms-flex: 1;\n flex: 1;\n}\n\n._12QzEnq3z7-XCpLmgYARp {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n\n._2MtsHfzp46XdG3BZQtOLm- {\n margin: calc(var(--space-smallest) * -1) 0;\n padding: var(--space-smallest);\n border: none;\n background-color: transparent;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -ms-flex: 0;\n flex: 0;\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n\n._2MtsHfzp46XdG3BZQtOLm-:hover {\n background: rgba(0, 0, 0, 0.025);\n}\n\n._2MtsHfzp46XdG3BZQtOLm-:focus {\n box-shadow: var(--shadow-focus);\n outline: none;\n background: rgba(0, 0, 0, 0.05);\n}\n";
23
23
  var styles = {"banner":"XnQ3RJFzByInxjZ8LTsv8","bannerContent":"_3vGMT9on-QbjXBlSaiNcgm","bannerChildren":"_2iRHpLiGUYBO-8xY0h00rp","medium":"_1S5EoHZng2ePaBlNMXhUYb","bannerAction":"_12QzEnq3z7-XCpLmgYARp","closeButton":"_2MtsHfzp46XdG3BZQtOLm-"};
24
24
  styleInject_es.styleInject(css$1);
25
25
 
package/dist/Chips/index.js CHANGED
@@ -477,8 +477,11 @@ function InternalChipDismissibleInput(props) {
477
477
  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;
478
478
  var menuRef = useScrollToActive(activeIndex);
479
479
  var _d = useInView(), visibleChildRef = _d.ref, isInView = _d.isInView;
480
- var _e = useRepositionMenu(attachTo), popperStyles = _e.styles, attributes = _e.attributes, forceUpdate = _e.forceUpdate, setPositionedElementRef = _e.setPositionedElementRef;
481
- React.useEffect(function () { return forceUpdate === null || forceUpdate === void 0 ? void 0 : forceUpdate(); }, [allOptions]);
480
+ var _e = useRepositionMenu(attachTo), popperStyles = _e.styles, attributes = _e.attributes, update = _e.update, setPositionedElementRef = _e.setPositionedElementRef;
481
+ React.useEffect(function () {
482
+ if (menuOpen && update)
483
+ update();
484
+ }, [allOptions]);
482
485
  React.useEffect(function () {
483
486
  handleDebouncedSearch();
484
487
  return handleDebouncedSearch.cancel;
package/dist/Gallery/index.js CHANGED
@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
6
6
  var React = require('react');
7
7
  var classnames = require('classnames');
8
8
  var styleInject_es = require('../style-inject.es-dcee06b6.js');
9
- var LightBox = require('../LightBox-4eb2e6f0.js');
9
+ var LightBox = require('../LightBox-1ad62669.js');
10
10
  var FormatFile = require('../FormatFile-18e8a54a.js');
11
11
  var Button = require('../Button-cd30df0f.js');
12
12
  require('framer-motion');
package/dist/LightBox/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var LightBox = require('../LightBox-4eb2e6f0.js');
5
+ var LightBox = require('../LightBox-1ad62669.js');
6
6
  require('../tslib.es6-5b50eb8e.js');
7
7
  require('react');
8
8
  require('framer-motion');
package/dist/{LightBox-4eb2e6f0.js → LightBox-1ad62669.js} RENAMED
@@ -77,8 +77,9 @@ function LightBox(_a) {
77
77
  React__default["default"].createElement("div", { className: styles.imagesWrapper },
78
78
  React__default["default"].createElement(framerMotion.AnimatePresence, { initial: false },
79
79
  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 }))),
80
- React__default["default"].createElement(PreviousButton, { onClick: debouncedHandlePrevious }),
81
- React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }),
80
+ images.length > 1 && (React__default["default"].createElement(React__default["default"].Fragment, null,
81
+ React__default["default"].createElement(PreviousButton, { onClick: debouncedHandlePrevious }),
82
+ React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }))),
82
83
  React__default["default"].createElement("div", { className: styles.toolbar }, images[currentImageIndex].caption),
83
84
  React__default["default"].createElement("div", { className: styles.overlay, onClick: handleRequestClose })))));
84
85
  return ReactDOM__default["default"].createPortal(template, document.body);
package/dist/Toast/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
6
6
  var React = require('react');
7
- var ReactDOM = require('react-dom');
7
+ var client = require('react-dom/client');
8
8
  var framerMotion = require('framer-motion');
9
9
  var styleInject_es = require('../style-inject.es-dcee06b6.js');
10
10
  var Icon = require('../Icon-d5ad1a6d.js');
@@ -72,19 +72,20 @@ function Toast(_a) {
72
72
  }
73
73
  }
74
74
 
75
- function showToast(props) {
76
- createDocumentToast(props);
75
+ var targetId = "atlantis-toast-element";
76
+ var target = document.querySelector("#" + targetId);
77
+ if (!target) {
78
+ target = document.createElement("div");
79
+ target.id = targetId;
80
+ target.classList.add(styles.wrapper);
81
+ document.body.appendChild(target);
77
82
  }
78
- function createDocumentToast(props) {
79
- var targetId = "atlantis-toast-element";
80
- var target = document.querySelector("#" + targetId);
81
- if (!target) {
82
- target = document.createElement("div");
83
- target.id = targetId;
84
- target.classList.add(styles.wrapper);
85
- document.body.appendChild(target);
83
+ var root = client.createRoot(target);
84
+ function showToast(props) {
85
+ var _a;
86
+ if ((_a = document === null || document === void 0 ? void 0 : document.body) === null || _a === void 0 ? void 0 : _a.contains(target)) {
87
+ root.render(React__default["default"].createElement(ToasterOven, tslib_es6.__assign({}, props)));
86
88
  }
87
- ReactDOM.render(React__default["default"].createElement(ToasterOven, tslib_es6.__assign({}, props)), target);
88
89
  }
89
90
  var ToastContainer = React.forwardRef(ToastInternal);
90
91
  function ToasterOven(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "3.4.8",
3
+ "version": "3.4.9-pre.8+cf3f0498",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -18,9 +18,9 @@
18
18
  "dist/*"
19
19
  ],
20
20
  "dependencies": {
21
- "@jobber/design": "^0.29.3",
22
- "@jobber/formatters": "^0.2.1",
23
- "@jobber/hooks": "^1.13.1",
21
+ "@jobber/design": "^0.29.4-pre.43+cf3f0498",
22
+ "@jobber/formatters": "^0.2.2-pre.43+cf3f0498",
23
+ "@jobber/hooks": "^1.13.2-pre.10+cf3f0498",
24
24
  "@popperjs/core": "^2.0.6",
25
25
  "@std-proposal/temporal": "0.0.1",
26
26
  "@tanstack/react-table": "8.5.13",
@@ -28,7 +28,7 @@
28
28
  "@types/lodash": "^4.14.136",
29
29
  "@types/react-datepicker": "^4.8.0",
30
30
  "@types/react-router": "5.1.7",
31
- "@types/react-router-dom": "5.1.5",
31
+ "@types/react-router-dom": "^5.3.3",
32
32
  "@types/uuid": "^8.3.3",
33
33
  "@use-it/event-listener": "^0.1.3",
34
34
  "axios": "^0.21.2",
@@ -43,7 +43,7 @@
43
43
  "react-hook-form": "^6.15.8",
44
44
  "react-markdown": "^8.0.3",
45
45
  "react-popper": "^2.2.5",
46
- "react-router-dom": "~5.2.0",
46
+ "react-router-dom": "^5.3.4",
47
47
  "time-input-polyfill": "^1.0.7",
48
48
  "ts-xor": "^1.0.8",
49
49
  "uuid": "^8.3.2"
@@ -76,13 +76,13 @@
76
76
  "uuid": "^8.3.2"
77
77
  },
78
78
  "peerDependencies": {
79
- "react": ">=16.8",
80
- "react-dom": ">=16.8"
79
+ "react": "^18",
80
+ "react-dom": "^18"
81
81
  },
82
82
  "browserslist": [
83
83
  "last 1 version",
84
84
  "> 1%",
85
85
  "IE 10"
86
86
  ],
87
- "gitHead": "e7c19153dc77e5c84446d1ac5cde3791c8b50943"
87
+ "gitHead": "cf3f0498db2762ca0b6737720a1d87b8a8e768ce"
88
88
  }