@jobber/components 2.71.5-pre.5 → 2.72.0

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 (15) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/Card/index.js +1 -1
  3. package/dist/Chips/index.js +2 -6
  4. package/dist/Form/index.js +3 -5
  5. package/dist/Menu/Menu.d.ts +4 -0
  6. package/dist/Menu/index.js +7 -5
  7. package/dist/Modal/Modal.d.ts +2 -2
  8. package/dist/Modal/index.js +1 -2
  9. package/dist/RecurringSelect/components/{DayOfMonthSelect/DayOfMonthSelect.d.ts → DayOfMonthSelect.d.ts} +1 -1
  10. package/dist/RecurringSelect/components/{MonthlyDayOfWeekSelect/MonthlyDayOfWeekSelect.d.ts → MonthlyDayOfWeekSelect.d.ts} +1 -1
  11. package/dist/RecurringSelect/components/{MonthlySelect/MonthlySelect.d.ts → MonthlySelect.d.ts} +1 -1
  12. package/dist/RecurringSelect/components/{WeeklySelect/WeeklySelect.d.ts → WeeklySelect.d.ts} +1 -1
  13. package/dist/RecurringSelect/components/index.d.ts +4 -4
  14. package/dist/Tooltip/index.js +2 -2
  15. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -8,6 +8,41 @@ menu: Changelog
8
8
  All notable changes to this project will be documented in this file.
9
9
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
10
10
 
11
+ # [2.72.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.71.7...@jobber/components@2.72.0) (2022-01-11)
12
+
13
+
14
+ ### Features
15
+
16
+ * section header in label for screen readers ([#759](https://github.com/GetJobber/atlantis/issues/759)) ([6551f4d](https://github.com/GetJobber/atlantis/commit/6551f4d4d11229fd29043b8e66638e332ede7d50))
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.71.7](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.71.6...@jobber/components@2.71.7) (2022-01-10)
23
+
24
+ **Note:** Version bump only for package @jobber/components
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.71.6](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.71.5...@jobber/components@2.71.6) (2022-01-07)
31
+
32
+ **Note:** Version bump only for package @jobber/components
33
+
34
+
35
+
36
+
37
+
38
+ ## [2.71.5](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.71.4...@jobber/components@2.71.5) (2022-01-04)
39
+
40
+ **Note:** Version bump only for package @jobber/components
41
+
42
+
43
+
44
+
45
+
11
46
  ## [2.71.4](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.71.3...@jobber/components@2.71.4) (2021-12-23)
12
47
 
13
48
  **Note:** Version bump only for package @jobber/components
package/dist/Card/index.js CHANGED
@@ -30,7 +30,7 @@ function CardClickable(_a) {
30
30
  var cardRef = React.useRef();
31
31
  return (React__default.createElement("div", { ref: cardRef, "data-testid": "clickable-card", className: className, onClick: onClick, onKeyUp: handleKeyup, onKeyDown: handleKeyDown, role: "button", tabIndex: 0 }, children));
32
32
  function isCardFocused() {
33
- return (typeof window === "object" && document.activeElement === cardRef.current);
33
+ return document.activeElement === cardRef.current;
34
34
  }
35
35
  function handleKeyup(event) {
36
36
  var _a;
package/dist/Chips/index.js CHANGED
@@ -26,24 +26,20 @@ var css = "/**\n * Used in the wrapping chips component:\n * - InternalChipSingl
26
26
  var styles = {"wrapper":"uhcyg-a-GLRKF_7oHwvMP","chip":"_2XfthED8eqbKIyTNoH1aWp","hasPrefix":"_4U2lNr3Kk6xnNZTk3Fxgm","hasSuffix":"fl19i7ccgBu7NZkxnpvcI","clickable":"_3Uf2El5YBbG3DmUWHBhuea","input":"_35he2rVDYRU4YQko5r4adP","active":"_18wCcoIrboygQTnIVm8yzS","invalid":"_1FTJ2ALrm1mVaT7HdMFFGN","disabled":"B1ELFzeQy9Ihy9oYcv-px","button":"_1M_ek3kiaa7OApx5rwBEc3","icon":"_3AG5dSWeyKYD1Xfu9fN_DL"};
27
27
  __chunk_2.styleInject(css);
28
28
 
29
- // TODO: remove this
30
29
  function InternalChipButton(_a) {
31
30
  var icon = _a.icon, invalid = _a.invalid, disabled = _a.disabled, label = _a.label, onClick = _a.onClick;
32
31
  var buttonRef = React.useRef();
33
32
  return (React__default.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": "Remove " + label, "aria-hidden": true, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
34
33
  React__default.createElement(index$2.Icon, { name: icon, color: getColor() })));
35
34
  function handleKeyUp(event) {
36
- if (typeof window === "object" &&
37
- document.activeElement === buttonRef.current &&
35
+ if (document.activeElement === buttonRef.current &&
38
36
  (event.key === " " || event.key === "Enter")) {
39
37
  event.stopPropagation();
40
38
  buttonRef.current.click();
41
39
  }
42
40
  }
43
41
  function handleKeyDown(event) {
44
- if (typeof window === "object" &&
45
- document.activeElement === buttonRef.current &&
46
- event.key === " ") {
42
+ if (document.activeElement === buttonRef.current && event.key === " ") {
47
43
  // Don't scroll down
48
44
  event.preventDefault();
49
45
  }
package/dist/Form/index.js CHANGED
@@ -57,11 +57,9 @@ var Form = React.forwardRef(function InternalForm(_a, ref) {
57
57
  }
58
58
  function errorHandler(errs) {
59
59
  var firstErrName = Object.keys(errs)[0];
60
- if (typeof window === "object") {
61
- var element = document.querySelector("[name=\"" + firstErrName + "\"]");
62
- if (typeof element != undefined) {
63
- element === null || element === void 0 ? void 0 : element.focus();
64
- }
60
+ var element = document.querySelector("[name=\"" + firstErrName + "\"]");
61
+ if (typeof element != undefined) {
62
+ element === null || element === void 0 ? void 0 : element.focus();
65
63
  }
66
64
  }
67
65
  });
package/dist/Menu/Menu.d.ts CHANGED
@@ -26,6 +26,10 @@ export interface ActionProps {
26
26
  * Action label
27
27
  */
28
28
  label: string;
29
+ /**
30
+ * Parent Section Label
31
+ */
32
+ sectionLabel?: string;
29
33
  /**
30
34
  * Visual cue for the action label
31
35
  */
package/dist/Menu/index.js CHANGED
@@ -18,8 +18,8 @@ var index$5 = require('../Button/index.js');
18
18
  var framerMotion = require('framer-motion');
19
19
  var hooks = require('@jobber/hooks');
20
20
 
21
- var css = "._3dsZe-fIMb0ftQQAJf53tI * {\n box-sizing: border-box;\n}\n\n._3dsZe-fIMb0ftQQAJf53tI {\n display: inline-block;\n position: relative;\n}\n\n._15jh7FtEcALDetgrjoV8HG {\n position: fixed;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n width: 100%;\n max-height: 72vh;\n padding: var(--space-small);\n padding-bottom: calc(env(safe-area-inset-bottom) + var(--space-small));\n border-radius: var(--radius-base) var(--radius-base) 0 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: scroll;\n background-color: var(--color-surface)\n}\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (--medium-screens) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (--medium-screens) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (--medium-screens) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n._1j-ztPLXQgH-5XOlXybf0- {\n padding: var(--space-small) 0;\n border-bottom: var(--border-base) dotted var(--color-border);\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:first-of-type {\n padding-top: 0;\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:last-of-type {\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.ecEGgRDm96wrHymIDR1FM {\n padding: var(--space-small);\n}\n\n._1lmtkHVgn76IrVsqnqlOYh {\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n padding: var(--space-small);\n border: none;\n border-radius: var(--radius-base);\n background-color: transparent;\n cursor: pointer;\n -ms-flex-align: center;\n align-items: center;\n}\n\n._1lmtkHVgn76IrVsqnqlOYh:hover,\n._1lmtkHVgn76IrVsqnqlOYh:focus {\n background-color: var(--color-surface--hover);\n outline-color: var(--color-focus);\n}\n\n.QMbGAf7Vb6_SM8qOIvLMc {\n margin-right: var(--space-base);\n}\n\n._1DIimpm0iJewCr_4Ee8NTa {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n background-color: rgba(\n 101,\n 120,\n 132,\n 0.8\n ) /* until we figure out rgba + color vars... */\n}\n\n@media (min-width: 640px) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n@media (min-width: 640px) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n@media (--medium-screens) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n.qVvYE_6U6kPoQ4ms_2slA {\n width: 100%;\n}\n";
22
- var styles = {"wrapper":"_3dsZe-fIMb0ftQQAJf53tI","menu":"_15jh7FtEcALDetgrjoV8HG","above":"_2S3J3IQ4JcMgnYjzx3A9AA","below":"qgoF1WJ8Cu39FVc3p_c8w","left":"_2QwnAwwIXZuZReq2cUwEoX","right":"_2Bdz7gjSU8id-Og42er82U","section":"_1j-ztPLXQgH-5XOlXybf0-","sectionHeader":"ecEGgRDm96wrHymIDR1FM","action":"_1lmtkHVgn76IrVsqnqlOYh","icon":"QMbGAf7Vb6_SM8qOIvLMc","overlay":"_1DIimpm0iJewCr_4Ee8NTa","fullWidth":"qVvYE_6U6kPoQ4ms_2slA"};
21
+ var css = "._3dsZe-fIMb0ftQQAJf53tI * {\n box-sizing: border-box;\n}\n\n._3dsZe-fIMb0ftQQAJf53tI {\n display: inline-block;\n position: relative;\n}\n\n._15jh7FtEcALDetgrjoV8HG {\n position: fixed;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n width: 100%;\n max-height: 72vh;\n padding: var(--space-small);\n padding-bottom: calc(env(safe-area-inset-bottom) + var(--space-small));\n border-radius: var(--radius-base) var(--radius-base) 0 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: scroll;\n background-color: var(--color-surface)\n}\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (--medium-screens) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (--medium-screens) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (--medium-screens) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n._1j-ztPLXQgH-5XOlXybf0- {\n padding: var(--space-small) 0;\n border-bottom: var(--border-base) dotted var(--color-border);\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:first-of-type {\n padding-top: 0;\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:last-of-type {\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.ecEGgRDm96wrHymIDR1FM {\n padding: var(--space-small);\n}\n\n._1lmtkHVgn76IrVsqnqlOYh {\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n padding: var(--space-small);\n border: none;\n border-radius: var(--radius-base);\n background-color: transparent;\n cursor: pointer;\n -ms-flex-align: center;\n align-items: center;\n}\n\n._1lmtkHVgn76IrVsqnqlOYh:hover,\n._1lmtkHVgn76IrVsqnqlOYh:focus {\n background-color: var(--color-surface--hover);\n outline-color: var(--color-focus);\n}\n\n.QMbGAf7Vb6_SM8qOIvLMc {\n margin-right: var(--space-base);\n}\n\n._1DIimpm0iJewCr_4Ee8NTa {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n background-color: rgba(\n 101,\n 120,\n 132,\n 0.8\n ) /* until we figure out rgba + color vars... */\n}\n\n@media (min-width: 640px) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n@media (min-width: 640px) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n@media (--medium-screens) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n.qVvYE_6U6kPoQ4ms_2slA {\n width: 100%;\n}\n\n._3Pk5uJMOz91YR7eDwLASEh {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n}\n";
22
+ var styles = {"wrapper":"_3dsZe-fIMb0ftQQAJf53tI","menu":"_15jh7FtEcALDetgrjoV8HG","above":"_2S3J3IQ4JcMgnYjzx3A9AA","below":"qgoF1WJ8Cu39FVc3p_c8w","left":"_2QwnAwwIXZuZReq2cUwEoX","right":"_2Bdz7gjSU8id-Og42er82U","section":"_1j-ztPLXQgH-5XOlXybf0-","sectionHeader":"ecEGgRDm96wrHymIDR1FM","action":"_1lmtkHVgn76IrVsqnqlOYh","icon":"QMbGAf7Vb6_SM8qOIvLMc","overlay":"_1DIimpm0iJewCr_4Ee8NTa","fullWidth":"qVvYE_6U6kPoQ4ms_2slA","screenReaderOnly":"_3Pk5uJMOz91YR7eDwLASEh"};
23
23
  __chunk_2.styleInject(css);
24
24
 
25
25
  var variation = {
@@ -93,7 +93,7 @@ function Menu(_a) {
93
93
  duration: 0.25,
94
94
  } }, items.map(function (item, key) { return (React__default.createElement("div", { key: key, className: styles.section },
95
95
  item.header && React__default.createElement(SectionHeader, { text: item.header }),
96
- item.actions.map(function (action, index) { return (React__default.createElement(Action, __chunk_1.__assign({ key: action.label, shouldFocus: key === 0 && index === 0 }, action))); }))); })))))));
96
+ item.actions.map(function (action, index) { return (React__default.createElement(Action, __chunk_1.__assign({ sectionLabel: item.header, key: action.label, shouldFocus: key === 0 && index === 0 }, action))); }))); })))))));
97
97
  function toggle(callbackPassthrough) {
98
98
  return function (event) {
99
99
  setVisible(!visible);
@@ -118,7 +118,7 @@ function SectionHeader(_a) {
118
118
  React__default.createElement(index.Typography, { element: "h6", size: "small", textCase: "uppercase", textColor: "greyBlue", fontWeight: "bold" }, text)));
119
119
  }
120
120
  function Action(_a) {
121
- var label = _a.label, icon = _a.icon, onClick = _a.onClick, _b = _a.shouldFocus, shouldFocus = _b === void 0 ? false : _b;
121
+ var label = _a.label, sectionLabel = _a.sectionLabel, icon = _a.icon, onClick = _a.onClick, _b = _a.shouldFocus, shouldFocus = _b === void 0 ? false : _b;
122
122
  var actionButtonRef = React.useRef();
123
123
  React.useEffect(function () {
124
124
  if (actionButtonRef.current && shouldFocus) {
@@ -128,7 +128,9 @@ function Action(_a) {
128
128
  return (React__default.createElement("button", { role: "menuitem", className: styles.action, key: label, onClick: onClick, ref: actionButtonRef },
129
129
  icon && (React__default.createElement("span", { className: styles.icon },
130
130
  React__default.createElement(index$2.Icon, { name: icon }))),
131
- React__default.createElement(index.Typography, { element: "span", size: "base", textColor: "greyBlueDark" }, label)));
131
+ React__default.createElement(index.Typography, { element: "span", size: "base", textColor: "greyBlueDark" },
132
+ sectionLabel && (React__default.createElement("span", { className: styles.screenReaderOnly }, sectionLabel)),
133
+ label)));
132
134
  }
133
135
 
134
136
  exports.Menu = Menu;
package/dist/Modal/Modal.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import React, { ReactNode } from "react";
2
2
  import sizes from "./Sizes.css";
3
3
  import { ButtonProps } from "../Button";
4
4
  interface ModalProps {
@@ -18,5 +18,5 @@ interface ModalProps {
18
18
  readonly tertiaryAction?: ButtonProps;
19
19
  onRequestClose?(): void;
20
20
  }
21
- export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): JSX.Element;
21
+ export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): React.ReactPortal;
22
22
  export {};
package/dist/Modal/index.js CHANGED
@@ -43,7 +43,6 @@ function useFocusTrap(active) {
43
43
  // eslint-disable-next-line no-null/no-null
44
44
  var ref = React.useRef(null);
45
45
  function handleKeyDown(event) {
46
- // do a check for window object in case we are in the server
47
46
  if (!(active && ref.current) || event.key !== "Tab") {
48
47
  return;
49
48
  }
@@ -104,7 +103,7 @@ function Modal(_a) {
104
103
  title != undefined && (React__default.createElement(Header, { title: title, dismissible: dismissible, onRequestClose: onRequestClose })),
105
104
  children,
106
105
  React__default.createElement(Actions, { primary: primaryAction, secondary: secondaryAction, tertiary: tertiaryAction }))))));
107
- return typeof window === "object" ? (ReactDOM__default.createPortal(template, document.body)) : (React__default.createElement(React__default.Fragment, null));
106
+ return ReactDOM__default.createPortal(template, document.body);
108
107
  function handleRequestClose() {
109
108
  if (open && onRequestClose) {
110
109
  onRequestClose();
package/dist/RecurringSelect/components/{DayOfMonthSelect/DayOfMonthSelect.d.ts → DayOfMonthSelect.d.ts} RENAMED
@@ -1,4 +1,4 @@
1
- import { DayOfMonth } from "../../types";
1
+ import { DayOfMonth } from "../types";
2
2
  interface DayOfMonthSelectProps {
3
3
  selectedDays: Set<DayOfMonth>;
4
4
  disabled: boolean;
package/dist/RecurringSelect/components/{MonthlyDayOfWeekSelect/MonthlyDayOfWeekSelect.d.ts → MonthlyDayOfWeekSelect.d.ts} RENAMED
@@ -1,4 +1,4 @@
1
- import { WeekDay } from "../../types";
1
+ import { WeekDay } from "../types";
2
2
  interface MonthlyDayOfWeekSelectProps {
3
3
  disabled: boolean;
4
4
  selectedWeeks: Set<WeekDay>[];
package/dist/RecurringSelect/components/{MonthlySelect/MonthlySelect.d.ts → MonthlySelect.d.ts} RENAMED
@@ -1,4 +1,4 @@
1
- import { DurationPeriod } from "../../types";
1
+ import { DurationPeriod } from "../types";
2
2
  interface MonthlySelectProps {
3
3
  disabled: boolean;
4
4
  selectedMonthOption: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth;
package/dist/RecurringSelect/components/{WeeklySelect/WeeklySelect.d.ts → WeeklySelect.d.ts} RENAMED
@@ -1,4 +1,4 @@
1
- import { WeekDay } from "../../types";
1
+ import { WeekDay } from "../types";
2
2
  interface WeeklySelectProps {
3
3
  disabled: boolean;
4
4
  selectedDays: Set<WeekDay>;
package/dist/RecurringSelect/components/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { WeeklySelect } from "./WeeklySelect/WeeklySelect";
2
- export { MonthlySelect } from "./MonthlySelect/MonthlySelect";
3
- export { MonthlyDayOfWeekSelect } from "./MonthlyDayOfWeekSelect/MonthlyDayOfWeekSelect";
4
- export { DayOfMonthSelect } from "./DayOfMonthSelect/DayOfMonthSelect";
1
+ export { WeeklySelect } from "./WeeklySelect";
2
+ export { MonthlySelect } from "./MonthlySelect";
3
+ export { MonthlyDayOfWeekSelect } from "./MonthlyDayOfWeekSelect";
4
+ export { DayOfMonthSelect } from "./DayOfMonthSelect";
package/dist/Tooltip/index.js CHANGED
@@ -35,7 +35,7 @@ function Tooltip(_a) {
35
35
  var shadowRef = React.createRef();
36
36
  initializeListeners();
37
37
  var toolTipClassNames = classnames(styles.tooltipWrapper, placement === "below" && styles.below, placement === "above" && styles.above);
38
- return typeof window === "object" ? (React__default.createElement(React__default.Fragment, null,
38
+ return (React__default.createElement(React__default.Fragment, null,
39
39
  React__default.createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
40
40
  children,
41
41
  React__default.createElement(TooltipPortal, null,
@@ -46,7 +46,7 @@ function Tooltip(_a) {
46
46
  stiffness: 300,
47
47
  } },
48
48
  React__default.createElement(index$1.Text, null, message),
49
- React__default.createElement("div", { ref: arrowRef, style: arrowStyles, className: styles.arrow })))))))) : (React__default.createElement(React__default.Fragment, null));
49
+ React__default.createElement("div", { ref: arrowRef, style: arrowStyles, className: styles.arrow }))))))));
50
50
  function initializeListeners() {
51
51
  var _a = __chunk_1.__read(React.useState(undefined), 2), popperInstance = _a[0], setPopperInstance = _a[1];
52
52
  React.useEffect(function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "2.71.5-pre.5+c11ad5f5",
3
+ "version": "2.72.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -84,5 +84,5 @@
84
84
  "> 1%",
85
85
  "IE 10"
86
86
  ],
87
- "gitHead": "c11ad5f5803b63515433a8f9b79aa3f80b991ee7"
87
+ "gitHead": "b437f80764f836d07a12149ab52d5d994b5caa0c"
88
88
  }