@jobber/components 4.81.1 → 4.81.3

package/dist/Autocomplete/index.js

@@ -10,10 +10,11 @@ var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var Text = require('../Text-259af966.js');
 var Icon = require('../Icon-405a216c.js');
 var Heading = require('../Heading-1e8e4bd3.js');
-var InputText = require('../InputText-6e356985.js');
+var InputText = require('../InputText-6c71361e.js');
 require('../Typography-c45bf216.js');
 require('@jobber/design');
 require('../getAtlantisConfig-0f3e8af2.js');
@@ -127,7 +128,7 @@ function useRepositionMenu(attachTo, visible = false) {
             { name: "flip", options: { fallbackPlacements: ["top"] } },
         ],
     });
-    React.useLayoutEffect(() => {
+    useSafeLayoutEffect.useSafeLayoutEffect(() => {
         var _a;
         (_a = popper === null || popper === void 0 ? void 0 : popper.update) === null || _a === void 0 ? void 0 : _a.call(popper);
     }, [visible]);

package/dist/Card/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-426a68a8.js');
+var Card = require('../Card-0a6f3a28.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
@@ -13,11 +13,12 @@ require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-81b12936.js');
+require('../Menu-5fc613a1.js');
 require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useSafeLayoutEffect');
 
 
 

package/dist/{Card-426a68a8.js → Card-0a6f3a28.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Heading = require('./Heading-1e8e4bd3.js');
 var Button = require('./Button-b73a5e01.js');
-var Menu = require('./Menu-81b12936.js');
+var Menu = require('./Menu-5fc613a1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chip/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chip = require('../Chip-c91fd6c8.js');
+var Chip = require('../Chip-3d1bfddc.js');
 var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var Icon = require('../Icon-405a216c.js');
@@ -12,9 +12,10 @@ require('../style-inject.es-9d2f5f4e.js');
 require('../Avatar-76a799fa.js');
 require('color');
 require('../Typography-c45bf216.js');
-require('../Tooltip-27771182.js');
+require('../Tooltip-ef3d6ef4.js');
 require('react-dom');
 require('framer-motion');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('react-popper');
 require('@jobber/design');
 

package/dist/{Chip-c91fd6c8.js → Chip-3d1bfddc.js}

@@ -7,7 +7,7 @@ var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Avatar = require('./Avatar-76a799fa.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-c45bf216.js');
-var Tooltip = require('./Tooltip-27771182.js');
+var Tooltip = require('./Tooltip-ef3d6ef4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chips/index.js

@@ -9,7 +9,7 @@ var useAssert = require('@jobber/hooks/useAssert');
 var Icon = require('../Icon-405a216c.js');
 var Avatar = require('../Avatar-76a799fa.js');
 var Typography = require('../Typography-c45bf216.js');
-var Tooltip = require('../Tooltip-27771182.js');
+var Tooltip = require('../Tooltip-ef3d6ef4.js');
 var uuid = require('uuid');
 var sortBy = require('lodash/sortBy');
 var useLiveAnnounce = require('@jobber/hooks/useLiveAnnounce');
@@ -22,6 +22,7 @@ require('@jobber/design');
 require('color');
 require('react-dom');
 require('framer-motion');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Combobox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Combobox = require('../Combobox-6edd91fa.js');
+var Combobox = require('../Combobox-d24f1fec.js');
 require('react');
 require('classnames');
 require('react-dom');
@@ -24,10 +24,11 @@ require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
 require('react-popper');
 require('@jobber/hooks/useOnKeyDown');
-require('../Chip-c91fd6c8.js');
+require('../Chip-3d1bfddc.js');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../Tooltip-27771182.js');
+require('../Tooltip-ef3d6ef4.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('lodash/debounce');
 require('lodash/noop');
 require('@jobber/hooks/useAssert');

package/dist/{Combobox-6edd91fa.js → Combobox-d24f1fec.js}

@@ -17,7 +17,7 @@ var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var reactPopper = require('react-popper');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Chip = require('./Chip-c91fd6c8.js');
+var Chip = require('./Chip-3d1bfddc.js');
 var debounce = require('lodash/debounce');
 var noop = require('lodash/noop');
 require('@jobber/design');
@@ -301,7 +301,7 @@ function ComboboxContent(props) {
     const { popperRef, popperStyles, attributes } = useComboboxAccessibility(props.handleSelection, props.options, optionsListRef, props.open, props.wrapperRef);
     const template = (React__default["default"].createElement("div", Object.assign({ ref: popperRef, id: "ATL-Combobox-Content", "data-testid": "ATL-Combobox-Content", tabIndex: 0, className: classnames__default["default"](styles$7.content, { [styles$7.hidden]: !props.open }), style: popperStyles.popper }, attributes.popper),
         React__default["default"].createElement(ComboboxContentSearch, { open: props.open, placeholder: props.subjectNoun, searchValue: props.searchValue, setSearchValue: props.setSearchValue, handleSearchChange: props.handleSearchChange }),
-        props.multiselect && optionsExist && (React__default["default"].createElement(ComboboxContentHeader, { hasOptionsVisible: optionsExist, subjectNoun: props.subjectNoun, selectedCount: props.selected.length, onClearAll: () => {
+        props.multiselect && (optionsExist || props.selected.length > 0) && (React__default["default"].createElement(ComboboxContentHeader, { hasOptionsVisible: optionsExist, subjectNoun: props.subjectNoun, selectedCount: props.selected.length, onClearAll: () => {
                 props.selectedStateSetter([]);
             }, onSelectAll: () => {
                 props.selectedStateSetter(props.options);

package/dist/DataDump/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-426a68a8.js');
+var Card = require('../Card-0a6f3a28.js');
 var Content = require('../Content-e3f7b6fc.js');
 var Emphasis = require('../Emphasis-bda56d3b.js');
 require('classnames');
@@ -15,11 +15,12 @@ require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-81b12936.js');
+require('../Menu-5fc613a1.js');
 require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useSafeLayoutEffect');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataList/index.js

@@ -11,7 +11,7 @@ var noop = require('lodash/noop');
 var design = require('@jobber/design');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Tooltip = require('../Tooltip-27771182.js');
+var Tooltip = require('../Tooltip-ef3d6ef4.js');
 var Button = require('../Button-b73a5e01.js');
 var useInView = require('@jobber/hooks/useInView');
 var isEmpty = require('lodash/isEmpty');
@@ -26,13 +26,14 @@ var ReactDOM = require('react-dom');
 var Checkbox = require('../Checkbox-99f6297f.js');
 var reactRouterDom = require('react-router-dom');
 var AnimatedSwitcher = require('../AnimatedSwitcher-3d45ec5d.js');
-var Combobox = require('../Combobox-6edd91fa.js');
-var Chip = require('../Chip-c91fd6c8.js');
+var Combobox = require('../Combobox-d24f1fec.js');
+var Chip = require('../Chip-3d1bfddc.js');
 var debounce = require('lodash/debounce');
-var InputText = require('../InputText-6e356985.js');
+var InputText = require('../InputText-6c71361e.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
 var Typography = require('../Typography-c45bf216.js');
 require('../Content-e3f7b6fc.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('react-popper');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('uuid');

package/dist/InputText/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-6e356985.js');
+var InputText = require('../InputText-6c71361e.js');
 require('react');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('../FormField-b4e6c549.js');
 require('../tslib.es6-754e2961.js');
 require('uuid');

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var FormField = require('./FormField-b4e6c549.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/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,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-81b12936.js');
+var Menu = require('../Menu-5fc613a1.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('react-router-dom');

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

@@ -6,6 +6,7 @@ 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');
@@ -45,7 +46,7 @@ function Menu({ activator, items }) {
     const buttonID = uuid.v1();
     const menuID = uuid.v1();
     useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
-    React.useLayoutEffect(() => {
+    useSafeLayoutEffect.useSafeLayoutEffect(() => {
         if (wrapperRef.current) {
             const bounds = wrapperRef.current.getBoundingClientRect();
             const newPosition = Object.assign({}, position);

package/dist/Page/index.js

@@ -11,7 +11,7 @@ var Text = require('../Text-259af966.js');
 var Content = require('../Content-e3f7b6fc.js');
 var Markdown = require('../Markdown-f7c55304.js');
 var Button = require('../Button-b73a5e01.js');
-var Menu = require('../Menu-81b12936.js');
+var Menu = require('../Menu-5fc613a1.js');
 var Emphasis = require('../Emphasis-bda56d3b.js');
 require('../Typography-c45bf216.js');
 require('../getAtlantisConfig-0f3e8af2.js');
@@ -23,6 +23,7 @@ require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useSafeLayoutEffect');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Tooltip/index.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tooltip = require('../Tooltip-27771182.js');
+var Tooltip = require('../Tooltip-ef3d6ef4.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('../style-inject.es-9d2f5f4e.js');
 require('react-popper');
 

package/dist/{Tooltip-27771182.js → Tooltip-ef3d6ef4.js}

@@ -4,6 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var reactPopper = require('react-popper');
 
@@ -95,7 +96,7 @@ function Tooltip({ message, children }) {
                 activator.removeEventListener("blur", hideTooltip);
             }
         };
-        React.useLayoutEffect(() => {
+        useSafeLayoutEffect.useSafeLayoutEffect(() => {
             injectAttributes();
             addListeners();
             return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.81.1",
+  "version": "4.81.3",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@jobber/design": "^0.53.0",
     "@jobber/formatters": "*",
-    "@jobber/hooks": "^2.8.2",
+    "@jobber/hooks": "^2.8.3",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -31,7 +31,7 @@
     "@types/react-router": "5.1.7",
     "@types/react-router-dom": "^5.3.3",
     "@types/uuid": "^8.3.3",
-    "axios": "^0.21.2",
+    "axios": "^1.6.0",
     "classnames": "^2.3.2",
     "color": "^3.1.2",
     "filesize": "^6.1.0",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "763b867913cdfad5c39e8fcd98a1038c5f60a35e"
+  "gitHead": "ffca76875532e21c83a6527e49873a7394b70691"
 }