@jobber/components 4.67.1 → 4.67.2-rm-investi.4

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 (33) hide show
  1. package/dist/Autocomplete/index.js +2 -3
  2. package/dist/ConfirmationModal/index.js +4 -3
  3. package/dist/{ConfirmationModal-0f85d96c.js → ConfirmationModal-cac51493.js} +1 -1
  4. package/dist/DataList/components/DataListHeader/DataListHeaderCheckbox.d.ts +1 -2
  5. package/dist/DataList/index.js +2 -2
  6. package/dist/DataTable/index.js +2 -3
  7. package/dist/FeatureSwitch/index.js +3 -2
  8. package/dist/FormField/index.js +1 -2
  9. package/dist/{FormField-dfc061ca.js → FormField-4fbb40e0.js} +14 -11
  10. package/dist/FormatFile/index.js +5 -5
  11. package/dist/{FormatFile-3b650d02.js → FormatFile-abdab569.js} +1 -1
  12. package/dist/Gallery/index.js +5 -5
  13. package/dist/InputDate/index.js +1 -2
  14. package/dist/InputEmail/index.js +1 -2
  15. package/dist/InputNumber/index.js +2 -3
  16. package/dist/{InputNumber-d9ebabaa.js → InputNumber-667f1330.js} +1 -1
  17. package/dist/InputPassword/index.js +1 -2
  18. package/dist/InputPhoneNumber/index.js +1 -2
  19. package/dist/InputText/index.js +2 -3
  20. package/dist/{InputText-f7c45ee5.js → InputText-ebaf4660.js} +1 -1
  21. package/dist/InputTime/index.js +5 -16
  22. package/dist/List/index.js +3 -2
  23. package/dist/Markdown/Markdown.d.ts +1 -1
  24. package/dist/Markdown/index.js +3 -2
  25. package/dist/Markdown-9a140a08.js +90 -0
  26. package/dist/{Option-469029b5.js → Option-8d140127.js} +1 -1
  27. package/dist/Page/index.js +3 -2
  28. package/dist/RecurringSelect/index.js +3 -3
  29. package/dist/Select/index.js +2 -3
  30. package/dist/supportsTime-9b04f7b0.js +37 -0
  31. package/package.json +4 -4
  32. package/rollup.config.js +1 -1
  33. package/dist/Markdown-96070121.js +0 -62
@@ -13,11 +13,10 @@ var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
13
13
  var Text = require('../Text-4a2bc89f.js');
14
14
  var Icon = require('../Icon-405a216c.js');
15
15
  var Heading = require('../Heading-0f4ecb0c.js');
16
- var InputText = require('../InputText-f7c45ee5.js');
16
+ var InputText = require('../InputText-ebaf4660.js');
17
17
  require('../Typography-973b122e.js');
18
18
  require('@jobber/design');
19
- require('../FormField-dfc061ca.js');
20
- require('uuid');
19
+ require('../FormField-4fbb40e0.js');
21
20
  require('react-hook-form');
22
21
  require('../Button-163a0641.js');
23
22
  require('react-router-dom');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var ConfirmationModal = require('../ConfirmationModal-0f85d96c.js');
5
+ var ConfirmationModal = require('../ConfirmationModal-cac51493.js');
6
6
  require('react');
7
7
  require('@jobber/hooks/useOnKeyDown');
8
8
  require('../Modal-70daa0e2.js');
@@ -20,8 +20,9 @@ require('../Icon-405a216c.js');
20
20
  require('@jobber/design');
21
21
  require('../ButtonDismiss-2b98d075.js');
22
22
  require('../Content-2ca1ffe1.js');
23
- require('../Markdown-96070121.js');
24
- require('react-markdown');
23
+ require('../Markdown-9a140a08.js');
24
+ require('../tslib.es6-5b8768b7.js');
25
+ require('markdown-to-jsx');
25
26
  require('../Text-4a2bc89f.js');
26
27
  require('../Emphasis-b2d1b3aa.js');
27
28
 
@@ -4,7 +4,7 @@ var React = require('react');
4
4
  var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
5
5
  var Modal = require('./Modal-70daa0e2.js');
6
6
  var Content = require('./Content-2ca1ffe1.js');
7
- var Markdown = require('./Markdown-96070121.js');
7
+ var Markdown = require('./Markdown-9a140a08.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
2
- import { ReactElement } from "react-markdown/lib/react-markdown";
1
+ import { ReactElement } from "react";
3
2
  interface DataListHeaderCheckbox {
4
3
  readonly children: ReactElement;
5
4
  }
@@ -29,7 +29,7 @@ var Combobox = require('../Combobox-eb1e5817.js');
29
29
  var Chip = require('../Chip-168acf3e.js');
30
30
  var Icon = require('../Icon-405a216c.js');
31
31
  var debounce = require('lodash/debounce');
32
- var InputText = require('../InputText-f7c45ee5.js');
32
+ var InputText = require('../InputText-ebaf4660.js');
33
33
  var Spinner = require('../Spinner-9d8fc7ff.js');
34
34
  var Typography = require('../Typography-973b122e.js');
35
35
  require('../Content-2ca1ffe1.js');
@@ -39,7 +39,7 @@ require('react-hook-form');
39
39
  require('@jobber/hooks/useAssert');
40
40
  require('../Avatar-76a799fa.js');
41
41
  require('color');
42
- require('../FormField-dfc061ca.js');
42
+ require('../FormField-4fbb40e0.js');
43
43
  require('../InputValidation-179f0926.js');
44
44
 
45
45
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9,12 +9,11 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
9
9
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
10
10
  var Glimmer = require('../Glimmer-cfa92a88.js');
11
11
  var tslib_es6 = require('../tslib.es6-5b8768b7.js');
12
- var Option = require('../Option-469029b5.js');
12
+ var Option = require('../Option-8d140127.js');
13
13
  var Button = require('../Button-163a0641.js');
14
14
  var Text = require('../Text-4a2bc89f.js');
15
15
  require('../Content-2ca1ffe1.js');
16
- require('../FormField-dfc061ca.js');
17
- require('uuid');
16
+ require('../FormField-4fbb40e0.js');
18
17
  require('react-hook-form');
19
18
  require('../Icon-405a216c.js');
20
19
  require('@jobber/design');
@@ -12,12 +12,13 @@ var Content = require('../Content-2ca1ffe1.js');
12
12
  var Switch = require('../Switch-b85272bf.js');
13
13
  var Button = require('../Button-163a0641.js');
14
14
  var Emphasis = require('../Emphasis-b2d1b3aa.js');
15
- var Markdown = require('../Markdown-96070121.js');
15
+ var Markdown = require('../Markdown-9a140a08.js');
16
16
  require('../Typography-973b122e.js');
17
17
  require('react-router-dom');
18
18
  require('../Icon-405a216c.js');
19
19
  require('@jobber/design');
20
- require('react-markdown');
20
+ require('../tslib.es6-5b8768b7.js');
21
+ require('markdown-to-jsx');
21
22
 
22
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
23
24
 
@@ -2,10 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var FormField = require('../FormField-dfc061ca.js');
5
+ var FormField = require('../FormField-4fbb40e0.js');
6
6
  require('../tslib.es6-5b8768b7.js');
7
7
  require('react');
8
- require('uuid');
9
8
  require('react-hook-form');
10
9
  require('../style-inject.es-9d2f5f4e.js');
11
10
  require('classnames');
@@ -2,7 +2,6 @@
2
2
 
3
3
  var tslib_es6 = require('./tslib.es6-5b8768b7.js');
4
4
  var React = require('react');
5
- var uuid = require('uuid');
6
5
  var reactHookForm = require('react-hook-form');
7
6
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
8
7
  var classnames = require('classnames');
@@ -122,8 +121,6 @@ function FormFieldPostFix({ variation }) {
122
121
  return (React__default["default"].createElement("span", { className: styles.postfix }, variation === "select" ? (React__default["default"].createElement(Icon.Icon, { name: "arrowDown" })) : (React__default["default"].createElement(Spinner.Spinner, { size: "small" }))));
123
122
  }
124
123
 
125
- // Added 13th statement to accommodate getErrorMessage function
126
- /*eslint max-statements: ["error", 13]*/
127
124
  function FormField(props) {
128
125
  var _a, _b;
129
126
  const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, } = props;
@@ -131,14 +128,7 @@ function FormField(props) {
131
128
  ? reactHookForm.useFormContext()
132
129
  : // If there isn't a Form Context being provided, get a form for this field.
133
130
  reactHookForm.useForm({ mode: "onTouched" });
134
- const [identifier] = React.useState(uuid.v1());
135
- const [descriptionIdentifier] = React.useState(`descriptionUUID--${uuid.v1()}`);
136
- /**
137
- * Generate a name if one is not supplied, this is the name
138
- * that will be used for react-hook-form and not neccessarily
139
- * attached to the DOM
140
- */
141
- const [controlledName] = React.useState(name ? name : `generatedName--${identifier}`);
131
+ const { controlledName, identifier, descriptionIdentifier } = getNamesAndIds(name);
142
132
  React.useEffect(() => {
143
133
  if (value != undefined) {
144
134
  setValue(controlledName, value);
@@ -223,5 +213,18 @@ function setAutocomplete(autocompleteSetting) {
223
213
  }
224
214
  return autocompleteSetting;
225
215
  }
216
+ const getNamesAndIds = (name) => {
217
+ const identifierId = React.useId();
218
+ const [identifier] = React.useState(identifierId);
219
+ const descriptionId = React.useId();
220
+ const [descriptionIdentifier] = React.useState(`descriptionUUID--${descriptionId}`);
221
+ /**
222
+ * Generate a name if one is not supplied, this is the name
223
+ * that will be used for react-hook-form and not neccessarily
224
+ * attached to the DOM
225
+ */
226
+ const [controlledName] = React.useState(name ? name : `generatedName--${identifier}`);
227
+ return { descriptionIdentifier, controlledName, identifier };
228
+ };
226
229
 
227
230
  exports.FormField = FormField;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var FormatFile = require('../FormatFile-3b650d02.js');
5
+ var FormatFile = require('../FormatFile-abdab569.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('filesize');
@@ -12,7 +12,7 @@ require('react-router-dom');
12
12
  require('../Icon-405a216c.js');
13
13
  require('@jobber/design');
14
14
  require('../Typography-973b122e.js');
15
- require('../ConfirmationModal-0f85d96c.js');
15
+ require('../ConfirmationModal-cac51493.js');
16
16
  require('@jobber/hooks/useOnKeyDown');
17
17
  require('../Modal-70daa0e2.js');
18
18
  require('react-dom');
@@ -22,12 +22,12 @@ require('@jobber/hooks/useFocusTrap');
22
22
  require('../Heading-0f4ecb0c.js');
23
23
  require('../ButtonDismiss-2b98d075.js');
24
24
  require('../Content-2ca1ffe1.js');
25
- require('../Markdown-96070121.js');
26
- require('react-markdown');
25
+ require('../Markdown-9a140a08.js');
26
+ require('../tslib.es6-5b8768b7.js');
27
+ require('markdown-to-jsx');
27
28
  require('../Text-4a2bc89f.js');
28
29
  require('../Emphasis-b2d1b3aa.js');
29
30
  require('../Glimmer-cfa92a88.js');
30
- require('../tslib.es6-5b8768b7.js');
31
31
  require('../ProgressBar-b68edc8f.js');
32
32
 
33
33
 
@@ -5,7 +5,7 @@ var classnames = require('classnames');
5
5
  var getHumanReadableFileSize = require('filesize');
6
6
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
7
7
  var Button = require('./Button-163a0641.js');
8
- var ConfirmationModal = require('./ConfirmationModal-0f85d96c.js');
8
+ var ConfirmationModal = require('./ConfirmationModal-cac51493.js');
9
9
  var Glimmer = require('./Glimmer-cfa92a88.js');
10
10
  var Icon = require('./Icon-405a216c.js');
11
11
  var Typography = require('./Typography-973b122e.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-3f4dbc33.js');
9
- var FormatFile = require('../FormatFile-3b650d02.js');
9
+ var FormatFile = require('../FormatFile-abdab569.js');
10
10
  var Button = require('../Button-163a0641.js');
11
11
  require('framer-motion');
12
12
  require('react-dom');
@@ -16,17 +16,17 @@ require('@jobber/hooks/useOnKeyDown');
16
16
  require('@jobber/hooks/useFocusTrap');
17
17
  require('../ButtonDismiss-2b98d075.js');
18
18
  require('filesize');
19
- require('../ConfirmationModal-0f85d96c.js');
19
+ require('../ConfirmationModal-cac51493.js');
20
20
  require('../Modal-70daa0e2.js');
21
21
  require('../Heading-0f4ecb0c.js');
22
22
  require('../Typography-973b122e.js');
23
23
  require('../Content-2ca1ffe1.js');
24
- require('../Markdown-96070121.js');
25
- require('react-markdown');
24
+ require('../Markdown-9a140a08.js');
25
+ require('../tslib.es6-5b8768b7.js');
26
+ require('markdown-to-jsx');
26
27
  require('../Text-4a2bc89f.js');
27
28
  require('../Emphasis-b2d1b3aa.js');
28
29
  require('../Glimmer-cfa92a88.js');
29
- require('../tslib.es6-5b8768b7.js');
30
30
  require('../Icon-405a216c.js');
31
31
  require('@jobber/design');
32
32
  require('../ProgressBar-b68edc8f.js');
@@ -4,10 +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-dfc061ca.js');
7
+ var FormField = require('../FormField-4fbb40e0.js');
8
8
  var DatePicker = require('../DatePicker-c18f1739.js');
9
9
  require('../tslib.es6-5b8768b7.js');
10
- require('uuid');
11
10
  require('react-hook-form');
12
11
  require('../style-inject.es-9d2f5f4e.js');
13
12
  require('classnames');
@@ -3,9 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var FormField = require('../FormField-dfc061ca.js');
6
+ var FormField = require('../FormField-4fbb40e0.js');
7
7
  require('../tslib.es6-5b8768b7.js');
8
- require('uuid');
9
8
  require('react-hook-form');
10
9
  require('../style-inject.es-9d2f5f4e.js');
11
10
  require('classnames');
@@ -2,11 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InputNumber = require('../InputNumber-d9ebabaa.js');
5
+ var InputNumber = require('../InputNumber-667f1330.js');
6
6
  require('react');
7
- require('../FormField-dfc061ca.js');
7
+ require('../FormField-4fbb40e0.js');
8
8
  require('../tslib.es6-5b8768b7.js');
9
- require('uuid');
10
9
  require('react-hook-form');
11
10
  require('../style-inject.es-9d2f5f4e.js');
12
11
  require('classnames');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var FormField = require('./FormField-dfc061ca.js');
4
+ var FormField = require('./FormField-4fbb40e0.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -3,9 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var FormField = require('../FormField-dfc061ca.js');
6
+ var FormField = require('../FormField-4fbb40e0.js');
7
7
  require('../tslib.es6-5b8768b7.js');
8
- require('uuid');
9
8
  require('react-hook-form');
10
9
  require('../style-inject.es-9d2f5f4e.js');
11
10
  require('classnames');
@@ -6,8 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.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-dfc061ca.js');
10
- require('uuid');
9
+ var FormField = require('../FormField-4fbb40e0.js');
11
10
  require('classnames');
12
11
  require('../Button-163a0641.js');
13
12
  require('react-router-dom');
@@ -2,11 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InputText = require('../InputText-f7c45ee5.js');
5
+ var InputText = require('../InputText-ebaf4660.js');
6
6
  require('react');
7
- require('../FormField-dfc061ca.js');
7
+ require('../FormField-4fbb40e0.js');
8
8
  require('../tslib.es6-5b8768b7.js');
9
- require('uuid');
10
9
  require('react-hook-form');
11
10
  require('../style-inject.es-9d2f5f4e.js');
12
11
  require('classnames');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var FormField = require('./FormField-dfc061ca.js');
4
+ var FormField = require('./FormField-4fbb40e0.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -6,8 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
6
6
  var React = require('react');
7
7
  var debounce = require('lodash/debounce');
8
8
  var temporal = require('@std-proposal/temporal');
9
- var FormField = require('../FormField-dfc061ca.js');
10
- require('uuid');
9
+ var FormField = require('../FormField-4fbb40e0.js');
11
10
  require('react-hook-form');
12
11
  require('../style-inject.es-9d2f5f4e.js');
13
12
  require('classnames');
@@ -26,20 +25,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
26
25
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
26
  var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
28
27
 
29
- // https://stackoverflow.com/a/10199306/1611058
30
- function get_time_support() {
31
- var input = document.createElement('input');
32
- input.setAttribute('type', 'time');
33
- var notValid = 'not-a-time';
34
- input.setAttribute('value', notValid);
35
- return input.value !== notValid;
36
- }
37
-
38
- var timeSupport = get_time_support();
39
- if (window) window.supportsTime = timeSupport;
40
-
41
- var supportsTime = timeSupport;
42
-
43
28
  function leading_zero(number) {
44
29
  if (isNaN(number)) return number;
45
30
  var purified = parseInt(number);
@@ -785,6 +770,10 @@ function InputTimeSafari(_a) {
785
770
  }
786
771
  }
787
772
 
773
+ let supportsTime;
774
+ if (typeof document !== "undefined") {
775
+ supportsTime = Promise.resolve().then(function () { return require('../supportsTime-9b04f7b0.js'); }).then(function (n) { return n.supportsTime; });
776
+ }
788
777
  function InputTime(_a) {
789
778
  var { defaultValue, value, onChange } = _a, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
790
779
  const handleChange = (newValue) => {
@@ -11,10 +11,11 @@ var Icon = require('../Icon-405a216c.js');
11
11
  var Text = require('../Text-4a2bc89f.js');
12
12
  var Heading = require('../Heading-0f4ecb0c.js');
13
13
  var Typography = require('../Typography-973b122e.js');
14
- var Markdown = require('../Markdown-96070121.js');
14
+ var Markdown = require('../Markdown-9a140a08.js');
15
15
  var Emphasis = require('../Emphasis-b2d1b3aa.js');
16
16
  require('@jobber/design');
17
- require('react-markdown');
17
+ require('../tslib.es6-5b8768b7.js');
18
+ require('markdown-to-jsx');
18
19
  require('../Content-2ca1ffe1.js');
19
20
 
20
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,5 +14,5 @@ interface MarkdownProps {
14
14
  */
15
15
  readonly basicUsage?: boolean;
16
16
  }
17
- export declare function Markdown({ content, externalLink, basicUsage }: MarkdownProps): JSX.Element;
17
+ export declare function Markdown({ content, externalLink, basicUsage, ...props }: MarkdownProps): JSX.Element;
18
18
  export {};
@@ -2,9 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Markdown = require('../Markdown-96070121.js');
5
+ var Markdown = require('../Markdown-9a140a08.js');
6
+ require('../tslib.es6-5b8768b7.js');
6
7
  require('react');
7
- require('react-markdown');
8
+ require('markdown-to-jsx');
8
9
  require('../Text-4a2bc89f.js');
9
10
  require('../Typography-973b122e.js');
10
11
  require('classnames');
@@ -0,0 +1,90 @@
1
+ 'use strict';
2
+
3
+ var tslib_es6 = require('./tslib.es6-5b8768b7.js');
4
+ var React = require('react');
5
+ var ReactMarkdown = require('markdown-to-jsx');
6
+ var Text = require('./Text-4a2bc89f.js');
7
+ var Emphasis = require('./Emphasis-b2d1b3aa.js');
8
+ var Heading = require('./Heading-0f4ecb0c.js');
9
+ var Content = require('./Content-2ca1ffe1.js');
10
+
11
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
+
13
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
+ var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
15
+
16
+ const NoSpan = {
17
+ component: ({ children }) => React__default["default"].createElement(React__default["default"].Fragment, null, children),
18
+ props: {},
19
+ };
20
+ function Markdown(_a) {
21
+ var { content, externalLink, basicUsage } = _a, props = tslib_es6.__rest(_a, ["content", "externalLink", "basicUsage"]);
22
+ const Tag = basicUsage ? React__default["default"].Fragment : Content.Content;
23
+ const basicOverrides = {
24
+ p: NoSpan,
25
+ h1: NoSpan,
26
+ div: NoSpan,
27
+ h2: NoSpan,
28
+ h3: NoSpan,
29
+ h4: NoSpan,
30
+ h5: NoSpan,
31
+ h6: NoSpan,
32
+ table: NoSpan,
33
+ ul: NoSpan,
34
+ li: NoSpan,
35
+ code: (children, ...args) => React__default["default"].createElement("code", Object.assign({}, args), children),
36
+ strong: renderStrong,
37
+ em: renderEmphasis,
38
+ image: NoSpan,
39
+ a: {
40
+ component: (_a) => {
41
+ var { children } = _a, rest = tslib_es6.__rest(_a, ["children"]);
42
+ return (React__default["default"].createElement("a", Object.assign({}, rest), children));
43
+ },
44
+ props: { target: externalLink ? "_blank" : undefined },
45
+ },
46
+ };
47
+ const defaultOverrides = {
48
+ code: (children, ...args) => React__default["default"].createElement("code", Object.assign({}, args), children),
49
+ p: renderParagraph,
50
+ strong: renderStrong,
51
+ span: NoSpan,
52
+ div: NoSpan,
53
+ em: renderEmphasis,
54
+ h1: renderHeading(1),
55
+ h2: renderHeading(2),
56
+ h3: renderHeading(3),
57
+ h4: renderHeading(4),
58
+ h5: renderHeading(5),
59
+ h6: renderHeading(6),
60
+ a: {
61
+ component: (_a) => {
62
+ var { children } = _a, rest = tslib_es6.__rest(_a, ["children"]);
63
+ return (React__default["default"].createElement("a", Object.assign({}, rest), children));
64
+ },
65
+ props: { target: externalLink ? "_blank" : undefined },
66
+ },
67
+ };
68
+ return (React__default["default"].createElement(Tag, null,
69
+ React__default["default"].createElement(ReactMarkdown__default["default"], Object.assign({}, props, { options: {
70
+ overrides: basicUsage ? basicOverrides : defaultOverrides,
71
+ forceBlock: true,
72
+ } }), content)));
73
+ }
74
+ function renderParagraph({ children }) {
75
+ return React__default["default"].createElement(Text.Text, null, children);
76
+ }
77
+ function renderStrong({ children }) {
78
+ return React__default["default"].createElement(Emphasis.Emphasis, { variation: "bold" }, children);
79
+ }
80
+ function renderEmphasis({ children }) {
81
+ return React__default["default"].createElement(Emphasis.Emphasis, { variation: "italic" }, children);
82
+ }
83
+ function renderHeading(level) {
84
+ function buildHeading({ children }) {
85
+ return React__default["default"].createElement(Heading.Heading, { level: level }, children);
86
+ }
87
+ return buildHeading;
88
+ }
89
+
90
+ exports.Markdown = Markdown;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var FormField = require('./FormField-dfc061ca.js');
4
+ var FormField = require('./FormField-4fbb40e0.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -9,12 +9,13 @@ var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
9
9
  var Heading = require('../Heading-0f4ecb0c.js');
10
10
  var Text = require('../Text-4a2bc89f.js');
11
11
  var Content = require('../Content-2ca1ffe1.js');
12
- var Markdown = require('../Markdown-96070121.js');
12
+ var Markdown = require('../Markdown-9a140a08.js');
13
13
  var Button = require('../Button-163a0641.js');
14
14
  var Menu = require('../Menu-d7ea093c.js');
15
15
  var Emphasis = require('../Emphasis-b2d1b3aa.js');
16
16
  require('../Typography-973b122e.js');
17
- require('react-markdown');
17
+ require('../tslib.es6-5b8768b7.js');
18
+ require('markdown-to-jsx');
18
19
  require('react-router-dom');
19
20
  require('../Icon-405a216c.js');
20
21
  require('@jobber/design');
@@ -9,11 +9,11 @@ var RadioGroup = require('../RadioGroup-ebaa4f87.js');
9
9
  var Text = require('../Text-4a2bc89f.js');
10
10
  require('classnames');
11
11
  require('../Typography-973b122e.js');
12
- var Option = require('../Option-469029b5.js');
13
- var InputNumber = require('../InputNumber-d9ebabaa.js');
12
+ var Option = require('../Option-8d140127.js');
13
+ var InputNumber = require('../InputNumber-667f1330.js');
14
14
  var InputGroup = require('../InputGroup-8d4fd4eb.js');
15
15
  var Content = require('../Content-2ca1ffe1.js');
16
- require('../FormField-dfc061ca.js');
16
+ require('../FormField-4fbb40e0.js');
17
17
  require('../tslib.es6-5b8768b7.js');
18
18
  require('react-hook-form');
19
19
  require('../Button-163a0641.js');
@@ -2,11 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Option = require('../Option-469029b5.js');
5
+ var Option = require('../Option-8d140127.js');
6
6
  require('react');
7
- require('../FormField-dfc061ca.js');
7
+ require('../FormField-4fbb40e0.js');
8
8
  require('../tslib.es6-5b8768b7.js');
9
- require('uuid');
10
9
  require('react-hook-form');
11
10
  require('../style-inject.es-9d2f5f4e.js');
12
11
  require('classnames');
@@ -0,0 +1,37 @@
1
+ 'use strict';
2
+
3
+ function _mergeNamespaces(n, m) {
4
+ m.forEach(function (e) {
5
+ e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
6
+ if (k !== 'default' && !(k in n)) {
7
+ var d = Object.getOwnPropertyDescriptor(e, k);
8
+ Object.defineProperty(n, k, d.get ? d : {
9
+ enumerable: true,
10
+ get: function () { return e[k]; }
11
+ });
12
+ }
13
+ });
14
+ });
15
+ return Object.freeze(n);
16
+ }
17
+
18
+ // https://stackoverflow.com/a/10199306/1611058
19
+ function get_time_support() {
20
+ var input = document.createElement('input');
21
+ input.setAttribute('type', 'time');
22
+ var notValid = 'not-a-time';
23
+ input.setAttribute('value', notValid);
24
+ return input.value !== notValid;
25
+ }
26
+
27
+ var timeSupport = get_time_support();
28
+ if (window) window.supportsTime = timeSupport;
29
+
30
+ var supportsTime = timeSupport;
31
+
32
+ var supportsTime$1 = /*#__PURE__*/_mergeNamespaces({
33
+ __proto__: null,
34
+ 'default': supportsTime
35
+ }, [supportsTime]);
36
+
37
+ exports.supportsTime = supportsTime$1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "4.67.1",
3
+ "version": "4.67.2-rm-investi.4+498fe7fb",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "dependencies": {
22
22
  "@jobber/design": "^0.51.0",
23
- "@jobber/formatters": "*",
23
+ "@jobber/formatters": "^0.2.2",
24
24
  "@jobber/hooks": "^2.8.0",
25
25
  "@popperjs/core": "^2.0.6",
26
26
  "@std-proposal/temporal": "0.0.1",
@@ -37,11 +37,11 @@
37
37
  "filesize": "^6.1.0",
38
38
  "framer-motion": "6.3.16",
39
39
  "lodash": "^4.17.21",
40
+ "markdown-to-jsx": "^7.3.2",
40
41
  "react-countdown": "^2.3.2",
41
42
  "react-datepicker": "~4.10.0",
42
43
  "react-dropzone": "^11.0.2",
43
44
  "react-hook-form": "^7.43.7",
44
- "react-markdown": "^8.0.3",
45
45
  "react-popper": "^2.2.5",
46
46
  "react-router-dom": "^5.3.4",
47
47
  "time-input-polyfill": "^1.0.7",
@@ -83,5 +83,5 @@
83
83
  "> 1%",
84
84
  "IE 10"
85
85
  ],
86
- "gitHead": "300688dd8bf005f2d0f6fb06a0f913f0a208a937"
86
+ "gitHead": "498fe7fbe95a02d0581cb61dbecd73f96c9f9656"
87
87
  }
package/rollup.config.js CHANGED
@@ -49,7 +49,7 @@ export default {
49
49
  "react-hook-form",
50
50
  "react-router-dom",
51
51
  "react-dom",
52
- "react-markdown",
52
+ "markdown-to-jsx",
53
53
  "react-countdown",
54
54
  "react-popper",
55
55
  "react-datepicker",
@@ -1,62 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var ReactMarkdown = require('react-markdown');
5
- var Text = require('./Text-4a2bc89f.js');
6
- var Emphasis = require('./Emphasis-b2d1b3aa.js');
7
- var Heading = require('./Heading-0f4ecb0c.js');
8
- var Content = require('./Content-2ca1ffe1.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
- var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
14
-
15
- function Markdown({ content, externalLink, basicUsage }) {
16
- const props = Object.assign({}, (basicUsage && {
17
- disallowedElements: [
18
- "p",
19
- "h1",
20
- "h2",
21
- "h3",
22
- "h4",
23
- "h5",
24
- "h6",
25
- "table",
26
- "ul",
27
- "li",
28
- "code",
29
- "image",
30
- ],
31
- unwrapDisallowed: true,
32
- }));
33
- const Tag = basicUsage ? React__default["default"].Fragment : Content.Content;
34
- return (React__default["default"].createElement(Tag, null,
35
- React__default["default"].createElement(ReactMarkdown__default["default"], Object.assign({}, props, { linkTarget: externalLink ? "_blank" : undefined, components: {
36
- p: renderParagraph,
37
- strong: renderStrong,
38
- em: renderEmphasis,
39
- h1: renderHeading(1),
40
- h2: renderHeading(2),
41
- h3: renderHeading(3),
42
- h4: renderHeading(4),
43
- h5: renderHeading(5),
44
- } }), content)));
45
- }
46
- function renderParagraph({ children }) {
47
- return React__default["default"].createElement(Text.Text, null, children);
48
- }
49
- function renderStrong({ children }) {
50
- return React__default["default"].createElement(Emphasis.Emphasis, { variation: "bold" }, children);
51
- }
52
- function renderEmphasis({ children }) {
53
- return React__default["default"].createElement(Emphasis.Emphasis, { variation: "italic" }, children);
54
- }
55
- function renderHeading(level) {
56
- function buildHeading({ children }) {
57
- return React__default["default"].createElement(Heading.Heading, { level: level }, children);
58
- }
59
- return buildHeading;
60
- }
61
-
62
- exports.Markdown = Markdown;