@jobber/components 4.91.0 → 4.91.2-JOB-85850.0

package/dist/Combobox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Combobox = require('../Combobox-6d864202.js');
+var Combobox = require('../Combobox-9e7ff3e4.js');
 require('react');
 require('classnames');
 require('react-dom');
@@ -17,7 +17,8 @@ require('../Content-e3f7b6fc.js');
 require('../Spinner-9d8fc7ff.js');
 require('../AnimatedPresence-20a02aaa.js');
 require('framer-motion');
-require('../Flex-d490c4db.js');
+require('../Flex-945cb870.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('@jobber/hooks/useInView');
 require('../Button-6b922fc1.js');
 require('react-router-dom');
@@ -29,7 +30,6 @@ require('../Chip-76f18555.js');
 require('../Avatar-76a799fa.js');
 require('color');
 require('../Tooltip-b9de6e57.js');
-require('@jobber/hooks/useSafeLayoutEffect');
 require('@jobber/hooks/useIsMounted');
 require('lodash/debounce');
 require('lodash/noop');

package/dist/{Combobox-6d864202.js → Combobox-9e7ff3e4.js}

@@ -9,7 +9,7 @@ var Text = require('./Text-fbeaaca6.js');
 var Glimmer = require('./Glimmer-84dee1ed.js');
 var Spinner = require('./Spinner-9d8fc7ff.js');
 var AnimatedPresence = require('./AnimatedPresence-20a02aaa.js');
-var Flex = require('./Flex-d490c4db.js');
+var Flex = require('./Flex-945cb870.js');
 var tslib_es6 = require('./tslib.es6-754e2961.js');
 var useInView = require('@jobber/hooks/useInView');
 var Typography = require('./Typography-e2a23b7e.js');

package/dist/DataList/index.js

@@ -27,7 +27,7 @@ var useIsMounted = require('@jobber/hooks/useIsMounted');
 var Checkbox = require('../Checkbox-e481a4b1.js');
 var reactRouterDom = require('react-router-dom');
 var AnimatedSwitcher = require('../AnimatedSwitcher-3d45ec5d.js');
-var Combobox = require('../Combobox-6d864202.js');
+var Combobox = require('../Combobox-9e7ff3e4.js');
 var Chip = require('../Chip-76f18555.js');
 var debounce = require('lodash/debounce');
 var InputText = require('../InputText-130b0440.js');
@@ -39,7 +39,7 @@ require('react-popper');
 require('../useAtlantisConfig-ed0bee66.js');
 require('react-hook-form');
 require('../AnimatedPresence-20a02aaa.js');
-require('../Flex-d490c4db.js');
+require('../Flex-945cb870.js');
 require('@jobber/hooks/useAssert');
 require('../Avatar-76a799fa.js');
 require('color');

package/dist/Flex/index.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Flex = require('../Flex-d490c4db.js');
+var Flex = require('../Flex-945cb870.js');
 require('react');
 require('classnames');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('../style-inject.es-9d2f5f4e.js');
 
 

package/dist/{Flex-d490c4db.js → Flex-945cb870.js}

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,10 +15,14 @@ var styles = {"flexible":"_8VpnrMKmsqQ-","smallestGap":"ooF1YfV4Usc-","smallerGa
 styleInject_es.styleInject(css_248z);
 
 function Flex({ align = "center", children, direction = "row", gap = "base", template, }) {
+    const [style, setStyle] = React.useState({});
+    useSafeLayoutEffect.useSafeLayoutEffect(() => {
+        setStyle(generateGridStylesFromTemplate(direction, template));
+    }, [direction, template]);
     return (React__default["default"].createElement("div", { className: classnames__default["default"](styles.flexible, {
             [styles[`${gap}Gap`]]: Boolean(gap),
             [styles[`${align}Align`]]: Boolean(align),
-        }), style: generateGridStylesFromTemplate(direction, template) }, children));
+        }), style: style }, children));
 }
 function generateGridStylesFromTemplate(direction, layoutTemplate) {
     const containerStyles = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.91.0",
+  "version": "4.91.2-JOB-85850.0+98875233",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,8 +19,8 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.56.4",
-    "@jobber/formatters": "*",
+    "@jobber/design": "^0.57.0",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.9.4",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -82,5 +82,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "2cf5b8fafc67e021899124f3fd885de116bc374e"
+  "gitHead": "98875233d0ef056270db6cc76c21671ac42f6e6d"
 }