@jobber/components 3.3.0 → 3.3.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.3.0...@jobber/components@3.3.1) (2023-03-01)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
 # [3.3.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@3.2.8...@jobber/components@3.3.0) (2023-03-01)
 
 

package/dist/Autocomplete/index.js

@@ -11,15 +11,15 @@ var useEventListener = require('@use-it/event-listener');
 var Text = require('../Text-e012fb46.js');
 var Icon = require('../Icon-d5ad1a6d.js');
 var Heading = require('../Heading-a9a66964.js');
-var InputText = require('../InputText-59ad61bf.js');
+var InputText = require('../InputText-e14d01db.js');
 require('../Typography-fbe0ed6e.js');
 require('@jobber/design');
-require('../FormField-3c8d9c8d.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-cd30df0f.js');
 require('react-router-dom');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/DataTable/index.js

@@ -8,15 +8,15 @@ var classnames = require('classnames');
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Option = require('../Option-2ce798d6.js');
+var Option = require('../Option-e7855759.js');
 var Button = require('../Button-cd30df0f.js');
 var Text = require('../Text-e012fb46.js');
-require('../FormField-3c8d9c8d.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 require('react-router-dom');

package/dist/FormField/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-3c8d9c8d.js');
+var FormField = require('../FormField-58711fc7.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/{FormField-3c8d9c8d.js → FormField-58711fc7.js}

@@ -9,7 +9,7 @@ var classnames = require('classnames');
 var Button = require('./Button-cd30df0f.js');
 var Icon = require('./Icon-d5ad1a6d.js');
 var Text = require('./Text-e012fb46.js');
-var InputValidation = require('./InputValidation-b18413cb.js');
+var InputValidation = require('./InputValidation-06a8a7ba.js');
 var Spinner = require('./Spinner-18d3dee6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/InputDate/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var lodash = require('lodash');
 var React = require('react');
-var FormField = require('../FormField-3c8d9c8d.js');
+var FormField = require('../FormField-58711fc7.js');
 var DatePicker = require('../DatePicker-7c67e8d2.js');
 require('uuid');
 require('react-hook-form');
@@ -17,7 +17,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 require('react-datepicker');

package/dist/InputEmail/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-3c8d9c8d.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputNumber/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-3c8d9c8d.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputPassword/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('../FormField-3c8d9c8d.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -15,7 +15,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputText/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-59ad61bf.js');
+var InputText = require('../InputText-e14d01db.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-3c8d9c8d.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -16,7 +16,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/{InputText-59ad61bf.js → InputText-e14d01db.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-3c8d9c8d.js');
+var FormField = require('./FormField-58711fc7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputTime/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-3c8d9c8d.js');
+var FormField = require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -17,7 +17,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/InputValidation/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputValidation = require('../InputValidation-b18413cb.js');
+var InputValidation = require('../InputValidation-06a8a7ba.js');
 require('react');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');

package/dist/{InputValidation-b18413cb.js → InputValidation-06a8a7ba.js}

@@ -18,10 +18,10 @@ function InputValidation(_a) {
     var message = _a.message;
     var messages = [message];
     var variants = {
-        slideOut: { y: "5%", height: 0, opacity: 0 },
-        slideIn: { y: 0, height: "100%", opacity: 1 },
+        slideOut: { y: "5%", opacity: 0 },
+        slideIn: { y: 0, opacity: 1 },
     };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, messages && messages.length > 0 && (React__default["default"].createElement(framerMotion.AnimatePresence, null, messages.map(function (msg) { return (React__default["default"].createElement(framerMotion.motion.div, { key: "validation-" + msg, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, messages && messages.length > 0 && (React__default["default"].createElement(framerMotion.AnimatePresence, { exitBeforeEnter: true }, messages.map(function (msg) { return (React__default["default"].createElement(framerMotion.motion.div, { key: "validation-" + msg, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
         React__default["default"].createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
             React__default["default"].createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }),
             React__default["default"].createElement(Text.Text, { size: "small", variation: "error" }, msg)))); })))));

package/dist/{Option-2ce798d6.js → Option-e7855759.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var FormField = require('./FormField-3c8d9c8d.js');
+var FormField = require('./FormField-58711fc7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Select/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-2ce798d6.js');
+var Option = require('../Option-e7855759.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../FormField-3c8d9c8d.js');
+require('../FormField-58711fc7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
@@ -16,7 +16,7 @@ require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-fbe0ed6e.js');
 require('../Text-e012fb46.js');
-require('../InputValidation-b18413cb.js');
+require('../InputValidation-06a8a7ba.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/Tooltip/useTooltipPositioning.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare function useTooltipPositioning(): {
-    placement: "top" | "bottom" | "right" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    placement: "top" | "bottom" | "right" | "auto" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     shadowRef: import("react").RefObject<HTMLSpanElement>;
     setArrowRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;
     setTooltipRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,7 +35,7 @@
     "classnames": "^2.2.6",
     "color": "^3.1.2",
     "filesize": "^6.1.0",
-    "framer-motion": "^1.10.3",
+    "framer-motion": "6.3.16",
     "lodash": "^4.17.21",
     "react-countdown": "^2.3.2",
     "react-datepicker": "^4.10.0",
@@ -85,5 +85,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c562ac71971150e9754793bbf80fbbb647a5e341"
+  "gitHead": "ff93678b378eebc0a462c5dbeffecee57c36331d"
 }