@jobber/components 4.79.0 → 4.79.1-JOB-85851.2

package/dist/InputAvatar/index.js

@@ -6,20 +6,19 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Avatar = require('../Avatar-76a799fa.js');
-var InputFile = require('../InputFile-c9eeb04b.js');
+var InputFile = require('../InputFile-20b9074a.js');
 var ProgressBar = require('../ProgressBar-b68edc8f.js');
-var Button = require('../Button-b73a5e01.js');
+var Button = require('../Button-6b922fc1.js');
 require('classnames');
 require('color');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('react-dropzone');
 require('axios');
-require('uuid');
-require('../InputValidation-05e839fa.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
-require('../Text-259af966.js');
-require('../Typography-c45bf216.js');
+require('../Text-fbeaaca6.js');
+require('../Typography-e2a23b7e.js');
 require('../Content-e3f7b6fc.js');
 require('react-router-dom');
 

package/dist/InputDate/index.js

@@ -4,21 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var omit = require('lodash/omit');
 var React = require('react');
-var FormField = require('../FormField-b4e6c549.js');
-var DatePicker = require('../DatePicker-64c5ab1a.js');
+var FormField = require('../FormField-3ec1c85d.js');
+var DatePicker = require('../DatePicker-dd9173c7.js');
 require('../tslib.es6-754e2961.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 require('react-datepicker');

package/dist/InputEmail/index.js

@@ -3,20 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-b4e6c549.js');
+var FormField = require('../FormField-3ec1c85d.js');
 require('../tslib.es6-754e2961.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/InputFile/InputFile.d.ts

@@ -39,7 +39,7 @@ export interface UploadParams {
     readonly url: string;
     /**
      * Key to identify file.
-     * If unspecified a `uuid` will be used.
+     * If unspecified a generated Id will be used.
      */
     readonly key?: string;
     /**

package/dist/InputFile/index.js

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-c9eeb04b.js');
+var InputFile = require('../InputFile-20b9074a.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('classnames');
 require('react-dropzone');
 require('axios');
-require('uuid');
 require('../style-inject.es-9d2f5f4e.js');
-require('../InputValidation-05e839fa.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
-require('../Text-259af966.js');
-require('../Typography-c45bf216.js');
+require('../Text-fbeaaca6.js');
+require('../Typography-e2a23b7e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Content-e3f7b6fc.js');
 

package/dist/{InputFile-c9eeb04b.js → InputFile-20b9074a.js}

@@ -5,12 +5,11 @@ var React = require('react');
 var classnames = require('classnames');
 var reactDropzone = require('react-dropzone');
 var axios = require('axios');
-var uuid = require('uuid');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var InputValidation = require('./InputValidation-05e839fa.js');
-var Button = require('./Button-b73a5e01.js');
+var InputValidation = require('./InputValidation-a92bb519.js');
+var Button = require('./Button-6b922fc1.js');
 var Content = require('./Content-e3f7b6fc.js');
-var Typography = require('./Typography-c45bf216.js');
+var Typography = require('./Typography-e2a23b7e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -72,7 +71,7 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
                 onUploadError && onUploadError(new Error("Failed to get upload params"));
                 return;
             }
-            const { url, key = uuid.v1(), fields = {}, httpMethod = "POST" } = params;
+            const { url, key = generateId(), fields = {}, httpMethod = "POST", } = params;
             const fileUpload = getFileUpload(file, key, url);
             onUploadStart && onUploadStart(Object.assign({}, fileUpload));
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -183,6 +182,9 @@ function updateFiles(updatedFile, files) {
     }
     return newFiles;
 }
+function generateId() {
+    return Math.floor(Math.random() * Date.now()).toString(16);
+}
 
 exports.InputFile = InputFile;
 exports.updateFiles = updateFiles;

package/dist/InputNumber/InputNumber.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 export interface InputNumberProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "readonly" | "defaultValue" | "keyboard" | "prefix" | "suffix"> {
-    value?: number;
+    readonly value?: number;
 }
 export interface InputNumberRef {
     blur(): void;

package/dist/InputNumber/index.js

@@ -2,22 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputNumber = require('../InputNumber-ceae3872.js');
+var InputNumber = require('../InputNumber-75ae72b9.js');
 require('react');
-require('../FormField-b4e6c549.js');
+require('../FormField-3ec1c85d.js');
 require('../tslib.es6-754e2961.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/{InputNumber-ceae3872.js → InputNumber-75ae72b9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-b4e6c549.js');
+var FormField = require('./FormField-3ec1c85d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputPassword/InputPassword.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "defaultValue"> {
-    value?: string;
+    readonly value?: string;
     onChange?(newValue: string): void;
     /**
      * Display toggle to change the visibility of the password input
      * @default false
      */
-    hasVisibility?: boolean;
+    readonly hasVisibility?: boolean;
 }
 export declare function InputPassword(props: InputPasswordProps): JSX.Element;
 export {};

package/dist/InputPassword/index.js

@@ -3,20 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-b4e6c549.js');
+var FormField = require('../FormField-3ec1c85d.js');
 require('../tslib.es6-754e2961.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/InputPhoneNumber/index.js

@@ -6,17 +6,16 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var FormField = require('../FormField-b4e6c549.js');
-require('uuid');
+var FormField = require('../FormField-3ec1c85d.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/InputText/index.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-6e356985.js');
+var InputText = require('../InputText-de22af8c.js');
 require('react');
-require('../FormField-b4e6c549.js');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../FormField-3ec1c85d.js');
 require('../tslib.es6-754e2961.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/{InputText-6e356985.js → InputText-de22af8c.js}

@@ -1,7 +1,8 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-b4e6c549.js');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
+var FormField = require('./FormField-3ec1c85d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,7 +35,7 @@ function InputTextInternal(props, ref) {
             }
         },
     }));
-    React.useLayoutEffect(() => {
+    useSafeLayoutEffect.useSafeLayoutEffect(() => {
         if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
             resize(inputRef.current);
         }

package/dist/InputTime/index.js

@@ -6,19 +6,18 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var temporal = require('@std-proposal/temporal');
 var debounce = require('lodash/debounce');
-var FormField = require('../FormField-b4e6c549.js');
-require('uuid');
+var FormField = require('../FormField-3ec1c85d.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/InputValidation/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputValidation = require('../InputValidation-05e839fa.js');
+var InputValidation = require('../InputValidation-a92bb519.js');
 require('react');
 require('framer-motion');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Text-259af966.js');
-require('../Typography-c45bf216.js');
+require('../Text-fbeaaca6.js');
+require('../Typography-e2a23b7e.js');
 require('classnames');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/{InputValidation-05e839fa.js → InputValidation-a92bb519.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Text = require('./Text-259af966.js');
+var Text = require('./Text-fbeaaca6.js');
 var Icon = require('./Icon-405a216c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/LightBox/LightBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 interface PresentedImage {
     title?: string;
     caption?: string;
@@ -33,5 +33,5 @@ interface LightBoxProps {
      */
     onRequestClose(options: RequestCloseOptions): void;
 }
-export declare function LightBox({ open, images, imageIndex, onRequestClose, }: LightBoxProps): React.ReactPortal;
+export declare function LightBox({ open, images, imageIndex, onRequestClose, }: LightBoxProps): JSX.Element;
 export {};

package/dist/LightBox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-a89d8863.js');
+var LightBox = require('../LightBox-7efe8932.js');
 require('react');
 require('framer-motion');
 require('react-dom');
@@ -10,14 +10,15 @@ require('lodash/debounce');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
+require('@jobber/hooks/useIsMounted');
 require('../style-inject.es-9d2f5f4e.js');
-require('../ButtonDismiss-350af163.js');
-require('../Button-b73a5e01.js');
+require('../ButtonDismiss-a3ba1de2.js');
+require('../Button-6b922fc1.js');
 require('classnames');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
+require('../Typography-e2a23b7e.js');
 
 
 

package/dist/{LightBox-a89d8863.js → LightBox-7efe8932.js}

@@ -7,9 +7,10 @@ var debounce = require('lodash/debounce');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
+var useIsMounted = require('@jobber/hooks/useIsMounted');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var ButtonDismiss = require('./ButtonDismiss-350af163.js');
-var Button = require('./Button-b73a5e01.js');
+var ButtonDismiss = require('./ButtonDismiss-a3ba1de2.js');
+var Button = require('./Button-6b922fc1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -60,6 +61,7 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
     const lightboxRef = useFocusTrap.useFocusTrap(open);
     const debouncedHandleNext = debounce__default["default"](handleMoveNext, debounceDuration);
     const debouncedHandlePrevious = debounce__default["default"](handleMovePrevious, debounceDuration);
+    const mounted = useIsMounted.useIsMounted();
     useRefocusOnActivator.useRefocusOnActivator(open);
     useOnKeyDown.useOnKeyDown(handleRequestClose, "Escape");
     useOnKeyDown.useOnKeyDown(debouncedHandlePrevious, {
@@ -83,7 +85,9 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
             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);
+    return mounted.current
+        ? ReactDOM__default["default"].createPortal(template, document.body)
+        : template;
     function handleMovePrevious() {
         setDirection(-1);
         setCurrentImageIndex((currentImageIndex + images.length - 1) % images.length);

package/dist/List/index.js

@@ -8,13 +8,14 @@ var get = require('lodash/get');
 var groupBy = require('lodash/groupBy');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
-var Text = require('../Text-259af966.js');
-var Heading = require('../Heading-1e8e4bd3.js');
-var Typography = require('../Typography-c45bf216.js');
-var Markdown = require('../Markdown-f7c55304.js');
-var Emphasis = require('../Emphasis-bda56d3b.js');
+var Text = require('../Text-fbeaaca6.js');
+var Heading = require('../Heading-bae3c69e.js');
+var Typography = require('../Typography-e2a23b7e.js');
+var Markdown = require('../Markdown-b1b65457.js');
+var Emphasis = require('../Emphasis-a77d8ee9.js');
 require('@jobber/design');
-require('../getAtlantisConfig-0f3e8af2.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('react-markdown');
 require('../Content-e3f7b6fc.js');
 

package/dist/Markdown/index.js

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Markdown = require('../Markdown-f7c55304.js');
+var Markdown = require('../Markdown-b1b65457.js');
 require('react');
 require('react-markdown');
-require('../Text-259af966.js');
-require('../Typography-c45bf216.js');
+require('../Text-fbeaaca6.js');
+require('../Typography-e2a23b7e.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Emphasis-bda56d3b.js');
-require('../Heading-1e8e4bd3.js');
-require('../getAtlantisConfig-0f3e8af2.js');
+require('../Emphasis-a77d8ee9.js');
+require('../Heading-bae3c69e.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('../Content-e3f7b6fc.js');
 
 

package/dist/{Markdown-f7c55304.js → Markdown-b1b65457.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var ReactMarkdown = require('react-markdown');
-var Text = require('./Text-259af966.js');
-var Emphasis = require('./Emphasis-bda56d3b.js');
-var Heading = require('./Heading-1e8e4bd3.js');
+var Text = require('./Text-fbeaaca6.js');
+var Emphasis = require('./Emphasis-a77d8ee9.js');
+var Heading = require('./Heading-bae3c69e.js');
 var Content = require('./Content-e3f7b6fc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Menu/Menu.d.ts

@@ -25,15 +25,15 @@ export interface ActionProps {
     /**
      * Action label
      */
-    label: string;
+    readonly label: string;
     /**
      * Parent Section Label
      */
-    sectionLabel?: string;
+    readonly sectionLabel?: string;
     /**
      * Visual cue for the action label
      */
-    icon?: IconNames;
+    readonly icon?: IconNames;
     /**
      * Callback when an action gets clicked
      */
@@ -41,5 +41,5 @@ export interface ActionProps {
     /**
      * Focus on the action when rendered
      */
-    shouldFocus?: boolean;
+    readonly shouldFocus?: boolean;
 }

package/dist/Menu/index.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-81b12936.js');
+var Menu = require('../Menu-d6dd673e.js');
 require('react');
-require('uuid');
 require('classnames');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
+require('../Typography-e2a23b7e.js');
 
 
 

package/dist/{Menu-81b12936.js → Menu-d6dd673e.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var uuid = require('uuid');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Button = require('./Button-b73a5e01.js');
-var Typography = require('./Typography-c45bf216.js');
+var Button = require('./Button-6b922fc1.js');
+var Typography = require('./Typography-e2a23b7e.js');
 var Icon = require('./Icon-405a216c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -42,10 +42,10 @@ function Menu({ activator, items }) {
         horizontal: "right",
     });
     const wrapperRef = React.createRef();
-    const buttonID = uuid.v1();
-    const menuID = uuid.v1();
+    const buttonID = React.useId();
+    const menuID = React.useId();
     useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
-    React.useLayoutEffect(() => {
+    useSafeLayoutEffect.useSafeLayoutEffect(() => {
         if (wrapperRef.current) {
             const bounds = wrapperRef.current.getBoundingClientRect();
             const newPosition = Object.assign({}, position);

package/dist/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import sizes from "./Sizes.css";
 import { ButtonProps } from "../Button";
 export interface ModalProps {
@@ -18,4 +18,4 @@ export interface ModalProps {
     readonly tertiaryAction?: ButtonProps;
     onRequestClose?(): void;
 }
-export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): React.ReactPortal;
+export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): JSX.Element;

package/dist/Modal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-a0627c92.js');
+var Modal = require('../Modal-5b866c72.js');
 require('react');
 require('react-dom');
 require('classnames');
@@ -11,14 +11,15 @@ require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-1e8e4bd3.js');
-require('../Typography-c45bf216.js');
-require('../getAtlantisConfig-0f3e8af2.js');
-require('../Button-b73a5e01.js');
+require('../Heading-bae3c69e.js');
+require('../Typography-e2a23b7e.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../ButtonDismiss-350af163.js');
+require('../ButtonDismiss-a3ba1de2.js');