@jobber/components 4.77.4 → 4.77.6-JOB-84042.2

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 (65) hide show
  1. package/AnimatedPresence.d.ts +1 -0
  2. package/AnimatedPresence.js +17 -0
  3. package/dist/AnimatedPresence/AnimatedPresence.d.ts +24 -0
  4. package/dist/AnimatedPresence/AnimatedPresence.transitions.d.ts +11 -0
  5. package/dist/AnimatedPresence/hooks/usePreviousValue.d.ts +2 -0
  6. package/dist/AnimatedPresence/index.d.ts +1 -0
  7. package/dist/AnimatedPresence/index.js +12 -0
  8. package/dist/AnimatedPresence-20a02aaa.js +104 -0
  9. package/dist/AnimatedSwitcher/index.js +1 -1
  10. package/dist/{AnimatedSwitcher-d1e1ddcf.js → AnimatedSwitcher-3d45ec5d.js} +1 -1
  11. package/dist/Autocomplete/index.js +6 -5
  12. package/dist/Card/index.js +3 -2
  13. package/dist/{Card-426a68a8.js → Card-0a6f3a28.js} +1 -1
  14. package/dist/Checkbox/index.js +2 -2
  15. package/dist/{Checkbox-1cdd5cf6.js → Checkbox-99f6297f.js} +1 -1
  16. package/dist/Chip/index.js +4 -3
  17. package/dist/{Chip-c91fd6c8.js → Chip-3d1bfddc.js} +1 -1
  18. package/dist/Chips/index.js +2 -1
  19. package/dist/Combobox/Combobox.types.d.ts +12 -0
  20. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/ComboboxLoadMore.d.ts +6 -0
  21. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.d.ts +1 -0
  22. package/dist/Combobox/hooks/useMakeComboboxHandlers.d.ts +1 -1
  23. package/dist/Combobox/index.js +10 -7
  24. package/dist/{Combobox-d85ce78c.js → Combobox-d24f1fec.js} +58 -41
  25. package/dist/DataDump/index.js +3 -2
  26. package/dist/DataList/DataList.const.d.ts +1 -0
  27. package/dist/DataList/DataList.types.d.ts +5 -4
  28. package/dist/DataList/index.d.ts +1 -1
  29. package/dist/DataList/index.js +33 -31
  30. package/dist/DataTable/index.js +5 -5
  31. package/dist/Form/index.js +1 -1
  32. package/dist/FormField/index.js +3 -3
  33. package/dist/{FormField-b0e74d32.js → FormField-b4e6c549.js} +2 -2
  34. package/dist/FormatFile/index.js +3 -3
  35. package/dist/{FormatFile-9f8e4996.js → FormatFile-652edda8.js} +1 -1
  36. package/dist/Gallery/index.js +3 -3
  37. package/dist/Glimmer/index.js +2 -2
  38. package/dist/{Glimmer-f40d5ea5.js → Glimmer-7c317864.js} +1 -1
  39. package/dist/InputAvatar/index.js +3 -3
  40. package/dist/InputDate/index.js +3 -3
  41. package/dist/InputEmail/index.js +3 -3
  42. package/dist/InputFile/index.js +3 -3
  43. package/dist/{InputFile-d080dec5.js → InputFile-c9eeb04b.js} +2 -2
  44. package/dist/InputNumber/index.js +4 -4
  45. package/dist/{InputNumber-79da1cdc.js → InputNumber-ceae3872.js} +1 -1
  46. package/dist/InputPassword/index.js +3 -3
  47. package/dist/InputPhoneNumber/index.js +3 -3
  48. package/dist/InputText/index.js +5 -4
  49. package/dist/{InputText-9e61365c.js → InputText-6c71361e.js} +3 -2
  50. package/dist/InputTime/index.js +3 -3
  51. package/dist/InputValidation/InputValidation.d.ts +1 -1
  52. package/dist/InputValidation/index.js +1 -1
  53. package/dist/{InputValidation-a7a737f9.js → InputValidation-05e839fa.js} +1 -1
  54. package/dist/Menu/Menu.d.ts +4 -4
  55. package/dist/Menu/index.js +2 -1
  56. package/dist/{Menu-81b12936.js → Menu-5fc613a1.js} +2 -1
  57. package/dist/MultiSelect/index.js +2 -2
  58. package/dist/{Option-b715f6b4.js → Option-8565da71.js} +1 -1
  59. package/dist/Page/index.js +2 -1
  60. package/dist/RecurringSelect/index.js +5 -5
  61. package/dist/Select/index.js +4 -4
  62. package/dist/Tooltip/index.js +2 -1
  63. package/dist/{Tooltip-27771182.js → Tooltip-ef3d6ef4.js} +2 -1
  64. package/dist/{tslib.es6-5b8768b7.js → tslib.es6-754e2961.js} +7 -2
  65. package/package.json +6 -6
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var FormatFile = require('../FormatFile-9f8e4996.js');
5
+ var FormatFile = require('../FormatFile-652edda8.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('filesize');
@@ -27,8 +27,8 @@ require('../Markdown-f7c55304.js');
27
27
  require('react-markdown');
28
28
  require('../Text-259af966.js');
29
29
  require('../Emphasis-bda56d3b.js');
30
- require('../Glimmer-f40d5ea5.js');
31
- require('../tslib.es6-5b8768b7.js');
30
+ require('../Glimmer-7c317864.js');
31
+ require('../tslib.es6-754e2961.js');
32
32
  require('../ProgressBar-b68edc8f.js');
33
33
 
34
34
 
@@ -6,7 +6,7 @@ var getHumanReadableFileSize = require('filesize');
6
6
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
7
7
  var Button = require('./Button-b73a5e01.js');
8
8
  var ConfirmationModal = require('./ConfirmationModal-f1a049fb.js');
9
- var Glimmer = require('./Glimmer-f40d5ea5.js');
9
+ var Glimmer = require('./Glimmer-7c317864.js');
10
10
  var Icon = require('./Icon-405a216c.js');
11
11
  var Typography = require('./Typography-c45bf216.js');
12
12
  var Text = require('./Text-259af966.js');
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
8
  var LightBox = require('../LightBox-a89d8863.js');
9
- var FormatFile = require('../FormatFile-9f8e4996.js');
9
+ var FormatFile = require('../FormatFile-652edda8.js');
10
10
  var Button = require('../Button-b73a5e01.js');
11
11
  require('framer-motion');
12
12
  require('react-dom');
@@ -26,8 +26,8 @@ require('../Markdown-f7c55304.js');
26
26
  require('react-markdown');
27
27
  require('../Text-259af966.js');
28
28
  require('../Emphasis-bda56d3b.js');
29
- require('../Glimmer-f40d5ea5.js');
30
- require('../tslib.es6-5b8768b7.js');
29
+ require('../Glimmer-7c317864.js');
30
+ require('../tslib.es6-754e2961.js');
31
31
  require('../Icon-405a216c.js');
32
32
  require('@jobber/design');
33
33
  require('../ProgressBar-b68edc8f.js');
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Glimmer = require('../Glimmer-f40d5ea5.js');
6
- require('../tslib.es6-5b8768b7.js');
5
+ var Glimmer = require('../Glimmer-7c317864.js');
6
+ require('../tslib.es6-754e2961.js');
7
7
  require('react');
8
8
  require('classnames');
9
9
  require('../style-inject.es-9d2f5f4e.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-5b8768b7.js');
3
+ var tslib_es6 = require('./tslib.es6-754e2961.js');
4
4
  var React = require('react');
5
5
  var classnames = require('classnames');
6
6
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-5b8768b7.js');
5
+ var tslib_es6 = require('../tslib.es6-754e2961.js');
6
6
  var React = require('react');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
8
  var Avatar = require('../Avatar-76a799fa.js');
9
- var InputFile = require('../InputFile-d080dec5.js');
9
+ var InputFile = require('../InputFile-c9eeb04b.js');
10
10
  var ProgressBar = require('../ProgressBar-b68edc8f.js');
11
11
  var Button = require('../Button-b73a5e01.js');
12
12
  require('classnames');
@@ -16,7 +16,7 @@ require('@jobber/design');
16
16
  require('react-dropzone');
17
17
  require('axios');
18
18
  require('uuid');
19
- require('../InputValidation-a7a737f9.js');
19
+ require('../InputValidation-05e839fa.js');
20
20
  require('framer-motion');
21
21
  require('../Text-259af966.js');
22
22
  require('../Typography-c45bf216.js');
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var omit = require('lodash/omit');
6
6
  var React = require('react');
7
- var FormField = require('../FormField-b0e74d32.js');
7
+ var FormField = require('../FormField-b4e6c549.js');
8
8
  var DatePicker = require('../DatePicker-64c5ab1a.js');
9
- require('../tslib.es6-5b8768b7.js');
9
+ require('../tslib.es6-754e2961.js');
10
10
  require('uuid');
11
11
  require('react-hook-form');
12
12
  require('../style-inject.es-9d2f5f4e.js');
@@ -18,7 +18,7 @@ require('../Icon-405a216c.js');
18
18
  require('@jobber/design');
19
19
  require('../Typography-c45bf216.js');
20
20
  require('../Text-259af966.js');
21
- require('../InputValidation-a7a737f9.js');
21
+ require('../InputValidation-05e839fa.js');
22
22
  require('framer-motion');
23
23
  require('../Spinner-9d8fc7ff.js');
24
24
  require('react-datepicker');
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var FormField = require('../FormField-b0e74d32.js');
7
- require('../tslib.es6-5b8768b7.js');
6
+ var FormField = require('../FormField-b4e6c549.js');
7
+ require('../tslib.es6-754e2961.js');
8
8
  require('uuid');
9
9
  require('react-hook-form');
10
10
  require('../style-inject.es-9d2f5f4e.js');
@@ -16,7 +16,7 @@ require('../Icon-405a216c.js');
16
16
  require('@jobber/design');
17
17
  require('../Typography-c45bf216.js');
18
18
  require('../Text-259af966.js');
19
- require('../InputValidation-a7a737f9.js');
19
+ require('../InputValidation-05e839fa.js');
20
20
  require('framer-motion');
21
21
  require('../Spinner-9d8fc7ff.js');
22
22
 
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InputFile = require('../InputFile-d080dec5.js');
6
- require('../tslib.es6-5b8768b7.js');
5
+ var InputFile = require('../InputFile-c9eeb04b.js');
6
+ require('../tslib.es6-754e2961.js');
7
7
  require('react');
8
8
  require('classnames');
9
9
  require('react-dropzone');
10
10
  require('axios');
11
11
  require('uuid');
12
12
  require('../style-inject.es-9d2f5f4e.js');
13
- require('../InputValidation-a7a737f9.js');
13
+ require('../InputValidation-05e839fa.js');
14
14
  require('framer-motion');
15
15
  require('../Text-259af966.js');
16
16
  require('../Typography-c45bf216.js');
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-5b8768b7.js');
3
+ var tslib_es6 = require('./tslib.es6-754e2961.js');
4
4
  var React = require('react');
5
5
  var classnames = require('classnames');
6
6
  var reactDropzone = require('react-dropzone');
7
7
  var axios = require('axios');
8
8
  var uuid = require('uuid');
9
9
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
10
- var InputValidation = require('./InputValidation-a7a737f9.js');
10
+ var InputValidation = require('./InputValidation-05e839fa.js');
11
11
  var Button = require('./Button-b73a5e01.js');
12
12
  var Content = require('./Content-e3f7b6fc.js');
13
13
  var Typography = require('./Typography-c45bf216.js');
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InputNumber = require('../InputNumber-79da1cdc.js');
5
+ var InputNumber = require('../InputNumber-ceae3872.js');
6
6
  require('react');
7
- require('../FormField-b0e74d32.js');
8
- require('../tslib.es6-5b8768b7.js');
7
+ require('../FormField-b4e6c549.js');
8
+ require('../tslib.es6-754e2961.js');
9
9
  require('uuid');
10
10
  require('react-hook-form');
11
11
  require('../style-inject.es-9d2f5f4e.js');
@@ -17,7 +17,7 @@ require('../Icon-405a216c.js');
17
17
  require('@jobber/design');
18
18
  require('../Typography-c45bf216.js');
19
19
  require('../Text-259af966.js');
20
- require('../InputValidation-a7a737f9.js');
20
+ require('../InputValidation-05e839fa.js');
21
21
  require('framer-motion');
22
22
  require('../Spinner-9d8fc7ff.js');
23
23
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var FormField = require('./FormField-b0e74d32.js');
4
+ var FormField = require('./FormField-b4e6c549.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var FormField = require('../FormField-b0e74d32.js');
7
- require('../tslib.es6-5b8768b7.js');
6
+ var FormField = require('../FormField-b4e6c549.js');
7
+ require('../tslib.es6-754e2961.js');
8
8
  require('uuid');
9
9
  require('react-hook-form');
10
10
  require('../style-inject.es-9d2f5f4e.js');
@@ -16,7 +16,7 @@ require('../Icon-405a216c.js');
16
16
  require('@jobber/design');
17
17
  require('../Typography-c45bf216.js');
18
18
  require('../Text-259af966.js');
19
- require('../InputValidation-a7a737f9.js');
19
+ require('../InputValidation-05e839fa.js');
20
20
  require('framer-motion');
21
21
  require('../Spinner-9d8fc7ff.js');
22
22
 
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-5b8768b7.js');
5
+ var tslib_es6 = require('../tslib.es6-754e2961.js');
6
6
  var React = require('react');
7
7
  var reactHookForm = require('react-hook-form');
8
8
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
9
- var FormField = require('../FormField-b0e74d32.js');
9
+ var FormField = require('../FormField-b4e6c549.js');
10
10
  require('uuid');
11
11
  require('classnames');
12
12
  require('@jobber/hooks/useShowClear');
@@ -16,7 +16,7 @@ require('../Icon-405a216c.js');
16
16
  require('@jobber/design');
17
17
  require('../Typography-c45bf216.js');
18
18
  require('../Text-259af966.js');
19
- require('../InputValidation-a7a737f9.js');
19
+ require('../InputValidation-05e839fa.js');
20
20
  require('framer-motion');
21
21
  require('../Spinner-9d8fc7ff.js');
22
22
 
@@ -2,10 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InputText = require('../InputText-9e61365c.js');
5
+ var InputText = require('../InputText-6c71361e.js');
6
6
  require('react');
7
- require('../FormField-b0e74d32.js');
8
- require('../tslib.es6-5b8768b7.js');
7
+ require('@jobber/hooks/useSafeLayoutEffect');
8
+ require('../FormField-b4e6c549.js');
9
+ require('../tslib.es6-754e2961.js');
9
10
  require('uuid');
10
11
  require('react-hook-form');
11
12
  require('../style-inject.es-9d2f5f4e.js');
@@ -17,7 +18,7 @@ require('../Icon-405a216c.js');
17
18
  require('@jobber/design');
18
19
  require('../Typography-c45bf216.js');
19
20
  require('../Text-259af966.js');
20
- require('../InputValidation-a7a737f9.js');
21
+ require('../InputValidation-05e839fa.js');
21
22
  require('framer-motion');
22
23
  require('../Spinner-9d8fc7ff.js');
23
24
 
@@ -1,7 +1,8 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var FormField = require('./FormField-b0e74d32.js');
4
+ var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
5
+ var FormField = require('./FormField-b4e6c549.js');
5
6
 
6
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
8
 
@@ -34,7 +35,7 @@ function InputTextInternal(props, ref) {
34
35
  }
35
36
  },
36
37
  }));
37
- React.useLayoutEffect(() => {
38
+ useSafeLayoutEffect.useSafeLayoutEffect(() => {
38
39
  if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
39
40
  resize(inputRef.current);
40
41
  }
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-5b8768b7.js');
5
+ var tslib_es6 = require('../tslib.es6-754e2961.js');
6
6
  var React = require('react');
7
7
  var temporal = require('@std-proposal/temporal');
8
8
  var debounce = require('lodash/debounce');
9
- var FormField = require('../FormField-b0e74d32.js');
9
+ var FormField = require('../FormField-b4e6c549.js');
10
10
  require('uuid');
11
11
  require('react-hook-form');
12
12
  require('../style-inject.es-9d2f5f4e.js');
@@ -18,7 +18,7 @@ require('../Icon-405a216c.js');
18
18
  require('@jobber/design');
19
19
  require('../Typography-c45bf216.js');
20
20
  require('../Text-259af966.js');
21
- require('../InputValidation-a7a737f9.js');
21
+ require('../InputValidation-05e839fa.js');
22
22
  require('framer-motion');
23
23
  require('../Spinner-9d8fc7ff.js');
24
24
 
@@ -3,7 +3,7 @@ interface InputValidationProps {
3
3
  /**
4
4
  * Validation message to be displayed
5
5
  */
6
- message: string;
6
+ readonly message: string;
7
7
  }
8
8
  export declare function InputValidation({ message }: InputValidationProps): JSX.Element;
9
9
  export {};
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InputValidation = require('../InputValidation-a7a737f9.js');
5
+ var InputValidation = require('../InputValidation-05e839fa.js');
6
6
  require('react');
7
7
  require('framer-motion');
8
8
  require('../style-inject.es-9d2f5f4e.js');
@@ -20,7 +20,7 @@ function InputValidation({ message }) {
20
20
  slideOut: { y: "5%", opacity: 0 },
21
21
  slideIn: { y: 0, opacity: 1 },
22
22
  };
23
- return (React__default["default"].createElement(React__default["default"].Fragment, null, messages && messages.length > 0 && (React__default["default"].createElement(framerMotion.AnimatePresence, { exitBeforeEnter: true }, messages.map(msg => (React__default["default"].createElement(framerMotion.motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
23
+ return (React__default["default"].createElement(React__default["default"].Fragment, null, messages && messages.length > 0 && (React__default["default"].createElement(framerMotion.AnimatePresence, { mode: "wait" }, messages.map(msg => (React__default["default"].createElement(framerMotion.motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
24
24
  React__default["default"].createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
25
25
  React__default["default"].createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }),
26
26
  React__default["default"].createElement(Text.Text, { size: "small", variation: "error" }, msg)))))))));
@@ -25,15 +25,15 @@ export interface ActionProps {
25
25
  /**
26
26
  * Action label
27
27
  */
28
- label: string;
28
+ readonly label: string;
29
29
  /**
30
30
  * Parent Section Label
31
31
  */
32
- sectionLabel?: string;
32
+ readonly sectionLabel?: string;
33
33
  /**
34
34
  * Visual cue for the action label
35
35
  */
36
- icon?: IconNames;
36
+ readonly icon?: IconNames;
37
37
  /**
38
38
  * Callback when an action gets clicked
39
39
  */
@@ -41,5 +41,5 @@ export interface ActionProps {
41
41
  /**
42
42
  * Focus on the action when rendered
43
43
  */
44
- shouldFocus?: boolean;
44
+ readonly shouldFocus?: boolean;
45
45
  }
@@ -2,13 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Menu = require('../Menu-81b12936.js');
5
+ var Menu = require('../Menu-5fc613a1.js');
6
6
  require('react');
7
7
  require('uuid');
8
8
  require('classnames');
9
9
  require('framer-motion');
10
10
  require('@jobber/hooks/useOnKeyDown');
11
11
  require('@jobber/hooks/useRefocusOnActivator');
12
+ require('@jobber/hooks/useSafeLayoutEffect');
12
13
  require('../style-inject.es-9d2f5f4e.js');
13
14
  require('../Button-b73a5e01.js');
14
15
  require('react-router-dom');
@@ -6,6 +6,7 @@ var classnames = require('classnames');
6
6
  var framerMotion = require('framer-motion');
7
7
  var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
8
8
  var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
9
+ var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
9
10
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
10
11
  var Button = require('./Button-b73a5e01.js');
11
12
  var Typography = require('./Typography-c45bf216.js');
@@ -45,7 +46,7 @@ function Menu({ activator, items }) {
45
46
  const buttonID = uuid.v1();
46
47
  const menuID = uuid.v1();
47
48
  useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
48
- React.useLayoutEffect(() => {
49
+ useSafeLayoutEffect.useSafeLayoutEffect(() => {
49
50
  if (wrapperRef.current) {
50
51
  const bounds = wrapperRef.current.getBoundingClientRect();
51
52
  const newPosition = Object.assign({}, position);
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
- var Checkbox = require('../Checkbox-1cdd5cf6.js');
8
+ var Checkbox = require('../Checkbox-99f6297f.js');
9
9
  var Text = require('../Text-259af966.js');
10
10
  var Icon = require('../Icon-405a216c.js');
11
- require('../tslib.es6-5b8768b7.js');
11
+ require('../tslib.es6-754e2961.js');
12
12
  require('uuid');
13
13
  require('react-hook-form');
14
14
  require('../Typography-c45bf216.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var FormField = require('./FormField-b0e74d32.js');
4
+ var FormField = require('./FormField-b4e6c549.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -11,7 +11,7 @@ var Text = require('../Text-259af966.js');
11
11
  var Content = require('../Content-e3f7b6fc.js');
12
12
  var Markdown = require('../Markdown-f7c55304.js');
13
13
  var Button = require('../Button-b73a5e01.js');
14
- var Menu = require('../Menu-81b12936.js');
14
+ var Menu = require('../Menu-5fc613a1.js');
15
15
  var Emphasis = require('../Emphasis-bda56d3b.js');
16
16
  require('../Typography-c45bf216.js');
17
17
  require('../getAtlantisConfig-0f3e8af2.js');
@@ -23,6 +23,7 @@ require('uuid');
23
23
  require('framer-motion');
24
24
  require('@jobber/hooks/useOnKeyDown');
25
25
  require('@jobber/hooks/useRefocusOnActivator');
26
+ require('@jobber/hooks/useSafeLayoutEffect');
26
27
 
27
28
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
28
29
 
@@ -9,19 +9,19 @@ var RadioGroup = require('../RadioGroup-ca7a5978.js');
9
9
  var Text = require('../Text-259af966.js');
10
10
  require('classnames');
11
11
  require('../Typography-c45bf216.js');
12
- var Option = require('../Option-b715f6b4.js');
13
- var InputNumber = require('../InputNumber-79da1cdc.js');
12
+ var Option = require('../Option-8565da71.js');
13
+ var InputNumber = require('../InputNumber-ceae3872.js');
14
14
  var InputGroup = require('../InputGroup-8d4fd4eb.js');
15
15
  var Content = require('../Content-e3f7b6fc.js');
16
- require('../FormField-b0e74d32.js');
17
- require('../tslib.es6-5b8768b7.js');
16
+ require('../FormField-b4e6c549.js');
17
+ require('../tslib.es6-754e2961.js');
18
18
  require('react-hook-form');
19
19
  require('@jobber/hooks/useShowClear');
20
20
  require('../Button-b73a5e01.js');
21
21
  require('react-router-dom');
22
22
  require('../Icon-405a216c.js');
23
23
  require('@jobber/design');
24
- require('../InputValidation-a7a737f9.js');
24
+ require('../InputValidation-05e839fa.js');
25
25
  require('framer-motion');
26
26
  require('../Spinner-9d8fc7ff.js');
27
27
 
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Option = require('../Option-b715f6b4.js');
5
+ var Option = require('../Option-8565da71.js');
6
6
  require('react');
7
- require('../FormField-b0e74d32.js');
8
- require('../tslib.es6-5b8768b7.js');
7
+ require('../FormField-b4e6c549.js');
8
+ require('../tslib.es6-754e2961.js');
9
9
  require('uuid');
10
10
  require('react-hook-form');
11
11
  require('../style-inject.es-9d2f5f4e.js');
@@ -17,7 +17,7 @@ require('../Icon-405a216c.js');
17
17
  require('@jobber/design');
18
18
  require('../Typography-c45bf216.js');
19
19
  require('../Text-259af966.js');
20
- require('../InputValidation-a7a737f9.js');
20
+ require('../InputValidation-05e839fa.js');
21
21
  require('framer-motion');
22
22
  require('../Spinner-9d8fc7ff.js');
23
23
 
@@ -2,11 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Tooltip = require('../Tooltip-27771182.js');
5
+ var Tooltip = require('../Tooltip-ef3d6ef4.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('react-dom');
9
9
  require('framer-motion');
10
+ require('@jobber/hooks/useSafeLayoutEffect');
10
11
  require('../style-inject.es-9d2f5f4e.js');
11
12
  require('react-popper');
12
13
 
@@ -4,6 +4,7 @@ var React = require('react');
4
4
  var classnames = require('classnames');
5
5
  var ReactDOM = require('react-dom');
6
6
  var framerMotion = require('framer-motion');
7
+ var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
7
8
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
8
9
  var reactPopper = require('react-popper');
9
10
 
@@ -95,7 +96,7 @@ function Tooltip({ message, children }) {
95
96
  activator.removeEventListener("blur", hideTooltip);
96
97
  }
97
98
  };
98
- React.useLayoutEffect(() => {
99
+ useSafeLayoutEffect.useSafeLayoutEffect(() => {
99
100
  injectAttributes();
100
101
  addListeners();
101
102
  return () => {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- /*! *****************************************************************************
3
+ /******************************************************************************
4
4
  Copyright (c) Microsoft Corporation.
5
5
 
6
6
  Permission to use, copy, modify, and/or distribute this software for any
@@ -35,7 +35,12 @@ function __awaiter(thisArg, _arguments, P, generator) {
35
35
  function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
36
36
  step((generator = generator.apply(thisArg, _arguments || [])).next());
37
37
  });
38
- }
38
+ }
39
+
40
+ typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
41
+ var e = new Error(message);
42
+ return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
43
+ };
39
44
 
40
45
  exports.__awaiter = __awaiter;
41
46
  exports.__rest = __rest;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "4.77.4",
3
+ "version": "4.77.6-JOB-84042.2+a50b038f",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -20,8 +20,8 @@
20
20
  ],
21
21
  "dependencies": {
22
22
  "@jobber/design": "^0.53.0",
23
- "@jobber/formatters": "*",
24
- "@jobber/hooks": "^2.8.1",
23
+ "@jobber/formatters": "^0.2.2",
24
+ "@jobber/hooks": "^2.8.2-JOB-84042.26+a50b038f",
25
25
  "@popperjs/core": "^2.0.6",
26
26
  "@std-proposal/temporal": "0.0.1",
27
27
  "@tanstack/react-table": "8.5.13",
@@ -31,11 +31,11 @@
31
31
  "@types/react-router": "5.1.7",
32
32
  "@types/react-router-dom": "^5.3.3",
33
33
  "@types/uuid": "^8.3.3",
34
- "axios": "^0.21.2",
34
+ "axios": "^1.6.0",
35
35
  "classnames": "^2.3.2",
36
36
  "color": "^3.1.2",
37
37
  "filesize": "^6.1.0",
38
- "framer-motion": "6.3.16",
38
+ "framer-motion": "^11.0.3",
39
39
  "lodash": "^4.17.21",
40
40
  "react-countdown": "^2.3.2",
41
41
  "react-datepicker": "~4.10.0",
@@ -84,5 +84,5 @@
84
84
  "> 1%",
85
85
  "IE 10"
86
86
  ],
87
- "gitHead": "c9d875673aae72b4ba26698297d7c1f78af10db0"
87
+ "gitHead": "a50b038fd5abd4f90eec3d8cd47d4cc70dca2c87"
88
88
  }