@jobber/components 2.90.0 → 2.90.1-pre.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.
- package/CHANGELOG.md +83 -0
- package/dist/Autocomplete/index.js +7 -7
- package/dist/Banner/index.js +5 -5
- package/dist/Button/index.js +2 -2
- package/dist/{Button-5b2f1636.js → Button-d0f7848a.js} +1 -1
- package/dist/ButtonDismiss/index.js +3 -3
- package/dist/{ButtonDismiss-4cde8f7c.js → ButtonDismiss-6d3608f5.js} +1 -1
- package/dist/Card/index.js +2 -2
- package/dist/{Card-368e01a3.js → Card-0e6fde03.js} +1 -1
- package/dist/Checkbox/index.js +3 -3
- package/dist/{Checkbox-785a79a5.js → Checkbox-4624199c.js} +1 -1
- package/dist/Chips/index.js +9 -9
- package/dist/ConfirmationModal/index.js +9 -9
- package/dist/{ConfirmationModal-b7ef110f.js → ConfirmationModal-474b3dbb.js} +4 -4
- package/dist/DataDump/index.js +3 -3
- package/dist/DataTable/Body.d.ts +4 -1
- package/dist/DataTable/DataTable.d.ts +6 -1
- package/dist/DataTable/SortIcon.d.ts +10 -0
- package/dist/DataTable/index.d.ts +1 -0
- package/dist/DataTable/index.js +144 -63
- package/dist/DataTable/test-utilities/helpers.d.ts +1 -0
- package/dist/DataTable/test-utilities/index.d.ts +1 -0
- package/dist/DatePicker/index.js +3 -3
- package/dist/{DatePicker-ad6f8630.js → DatePicker-ec6e34ef.js} +4 -4
- package/dist/DescriptionList/index.js +1 -1
- package/dist/Disclosure/index.js +2 -2
- package/dist/Drawer/index.js +3 -3
- package/dist/Emphasis/index.js +2 -2
- package/dist/{Emphasis-fd845639.js → Emphasis-391519b1.js} +1 -1
- package/dist/FeatureSwitch/index.js +7 -7
- package/dist/FormField/index.js +5 -5
- package/dist/{FormField-a92c7bac.js → FormField-4ef1dd6b.js} +4 -4
- package/dist/FormatFile/index.js +10 -10
- package/dist/{FormatFile-5391d4cf.js → FormatFile-d93126eb.js} +4 -4
- package/dist/Gallery/index.js +10 -10
- package/dist/Heading/index.js +2 -2
- package/dist/{Heading-56750113.js → Heading-36fd27db.js} +1 -1
- package/dist/InlineLabel/index.js +1 -1
- package/dist/InputAvatar/index.js +3 -3
- package/dist/InputDate/index.js +6 -6
- package/dist/InputEmail/index.js +5 -5
- package/dist/InputFile/index.js +3 -3
- package/dist/{InputFile-b5cf90c3.js → InputFile-afd946f6.js} +2 -2
- package/dist/InputNumber/index.js +5 -5
- package/dist/InputPassword/index.js +5 -5
- package/dist/InputText/index.js +6 -6
- package/dist/{InputText-cb3be15c.js → InputText-8951021c.js} +1 -1
- package/dist/InputTime/index.js +5 -5
- package/dist/InputValidation/index.js +3 -3
- package/dist/{InputValidation-24d3621a.js → InputValidation-c9309e0a.js} +1 -1
- package/dist/List/index.js +5 -5
- package/dist/Markdown/index.js +5 -5
- package/dist/{Markdown-69986c49.js → Markdown-edd7468b.js} +3 -3
- package/dist/Menu/index.js +3 -3
- package/dist/{Menu-6a392af6.js → Menu-6bee69e7.js} +4 -4
- package/dist/Modal/index.js +4 -4
- package/dist/{Modal-aaaaf2df.js → Modal-1f7e7433.js} +6 -6
- package/dist/MultiSelect/index.js +6 -6
- package/dist/{Option-201e55a7.js → Option-5ebb2e0d.js} +1 -1
- package/dist/Page/index.js +12 -12
- package/dist/Popover/index.js +5 -5
- package/dist/RadioGroup/index.js +3 -3
- package/dist/Select/index.js +6 -6
- package/dist/StatusLabel/index.js +2 -2
- package/dist/Switch/index.js +2 -2
- package/dist/{Switch-d2bec677.js → Switch-5c72bad3.js} +1 -1
- package/dist/Tabs/index.js +1 -1
- package/dist/Text/index.js +2 -2
- package/dist/{Text-9bc093e9.js → Text-c317e805.js} +1 -1
- package/dist/Toast/index.js +2 -2
- package/dist/Tooltip/index.js +3 -3
- package/dist/{Tooltip-4396164d.js → Tooltip-443889d8.js} +2 -2
- package/dist/Typography/index.js +1 -1
- package/dist/{Typography-7e542a72.js → Typography-c8df6609.js} +2 -2
- package/package.json +3 -3
package/dist/Heading/index.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Heading = require('../Heading-
|
|
5
|
+
var Heading = require('../Heading-36fd27db.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../Typography-
|
|
8
|
+
require('../Typography-c8df6609.js');
|
|
9
9
|
require('classnames');
|
|
10
10
|
require('../style-inject.es-dcee06b6.js');
|
|
11
11
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var Typography = require('./Typography-
|
|
5
|
+
var Typography = require('./Typography-c8df6609.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -5,7 +5,7 @@ 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-dcee06b6.js');
|
|
8
|
-
var Typography = require('../Typography-
|
|
8
|
+
var Typography = require('../Typography-c8df6609.js');
|
|
9
9
|
require('../tslib.es6-5b50eb8e.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -6,9 +6,9 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var styleInject_es = require('../style-inject.es-dcee06b6.js');
|
|
8
8
|
var Avatar = require('../Avatar-cfd04e86.js');
|
|
9
|
-
var InputFile = require('../InputFile-
|
|
9
|
+
var InputFile = require('../InputFile-afd946f6.js');
|
|
10
10
|
var ProgressBar = require('../ProgressBar-e9a49129.js');
|
|
11
|
-
var Button = require('../Button-
|
|
11
|
+
var Button = require('../Button-d0f7848a.js');
|
|
12
12
|
require('classnames');
|
|
13
13
|
require('color');
|
|
14
14
|
require('../Icon-d5ad1a6d.js');
|
|
@@ -17,7 +17,7 @@ require('react-dropzone');
|
|
|
17
17
|
require('axios');
|
|
18
18
|
require('uuid');
|
|
19
19
|
require('../Content-18de5fbb.js');
|
|
20
|
-
require('../Typography-
|
|
20
|
+
require('../Typography-c8df6609.js');
|
|
21
21
|
require('react-router-dom');
|
|
22
22
|
|
|
23
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
package/dist/InputDate/index.js
CHANGED
|
@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
6
6
|
var lodash = require('lodash');
|
|
7
7
|
var React = require('react');
|
|
8
|
-
var FormField = require('../FormField-
|
|
9
|
-
var DatePicker = require('../DatePicker-
|
|
8
|
+
var FormField = require('../FormField-4ef1dd6b.js');
|
|
9
|
+
var DatePicker = require('../DatePicker-ec6e34ef.js');
|
|
10
10
|
require('uuid');
|
|
11
11
|
require('react-hook-form');
|
|
12
12
|
require('../style-inject.es-dcee06b6.js');
|
|
13
13
|
require('classnames');
|
|
14
|
-
require('../Button-
|
|
14
|
+
require('../Button-d0f7848a.js');
|
|
15
15
|
require('react-router-dom');
|
|
16
16
|
require('../Icon-d5ad1a6d.js');
|
|
17
17
|
require('@jobber/design');
|
|
18
|
-
require('../Typography-
|
|
19
|
-
require('../Text-
|
|
20
|
-
require('../InputValidation-
|
|
18
|
+
require('../Typography-c8df6609.js');
|
|
19
|
+
require('../Text-c317e805.js');
|
|
20
|
+
require('../InputValidation-c9309e0a.js');
|
|
21
21
|
require('framer-motion');
|
|
22
22
|
require('../Spinner-18d3dee6.js');
|
|
23
23
|
require('react-datepicker');
|
package/dist/InputEmail/index.js
CHANGED
|
@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var FormField = require('../FormField-
|
|
7
|
+
var FormField = require('../FormField-4ef1dd6b.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-dcee06b6.js');
|
|
11
11
|
require('classnames');
|
|
12
|
-
require('../Button-
|
|
12
|
+
require('../Button-d0f7848a.js');
|
|
13
13
|
require('react-router-dom');
|
|
14
14
|
require('../Icon-d5ad1a6d.js');
|
|
15
15
|
require('@jobber/design');
|
|
16
|
-
require('../Typography-
|
|
17
|
-
require('../Text-
|
|
18
|
-
require('../InputValidation-
|
|
16
|
+
require('../Typography-c8df6609.js');
|
|
17
|
+
require('../Text-c317e805.js');
|
|
18
|
+
require('../InputValidation-c9309e0a.js');
|
|
19
19
|
require('framer-motion');
|
|
20
20
|
require('../Spinner-18d3dee6.js');
|
|
21
21
|
|
package/dist/InputFile/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputFile = require('../InputFile-
|
|
5
|
+
var InputFile = require('../InputFile-afd946f6.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('classnames');
|
|
@@ -10,11 +10,11 @@ require('react-dropzone');
|
|
|
10
10
|
require('axios');
|
|
11
11
|
require('uuid');
|
|
12
12
|
require('../style-inject.es-dcee06b6.js');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-d0f7848a.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-d5ad1a6d.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
|
-
require('../Typography-
|
|
17
|
+
require('../Typography-c8df6609.js');
|
|
18
18
|
require('../Content-18de5fbb.js');
|
|
19
19
|
|
|
20
20
|
|
|
@@ -7,9 +7,9 @@ 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-dcee06b6.js');
|
|
10
|
-
var Button = require('./Button-
|
|
10
|
+
var Button = require('./Button-d0f7848a.js');
|
|
11
11
|
var Content = require('./Content-18de5fbb.js');
|
|
12
|
-
var Typography = require('./Typography-
|
|
12
|
+
var Typography = require('./Typography-c8df6609.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
15
|
|
|
@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var FormField = require('../FormField-
|
|
7
|
+
var FormField = require('../FormField-4ef1dd6b.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-dcee06b6.js');
|
|
11
11
|
require('classnames');
|
|
12
|
-
require('../Button-
|
|
12
|
+
require('../Button-d0f7848a.js');
|
|
13
13
|
require('react-router-dom');
|
|
14
14
|
require('../Icon-d5ad1a6d.js');
|
|
15
15
|
require('@jobber/design');
|
|
16
|
-
require('../Typography-
|
|
17
|
-
require('../Text-
|
|
18
|
-
require('../InputValidation-
|
|
16
|
+
require('../Typography-c8df6609.js');
|
|
17
|
+
require('../Text-c317e805.js');
|
|
18
|
+
require('../InputValidation-c9309e0a.js');
|
|
19
19
|
require('framer-motion');
|
|
20
20
|
require('../Spinner-18d3dee6.js');
|
|
21
21
|
|
|
@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var FormField = require('../FormField-
|
|
7
|
+
var FormField = require('../FormField-4ef1dd6b.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-dcee06b6.js');
|
|
11
11
|
require('classnames');
|
|
12
|
-
require('../Button-
|
|
12
|
+
require('../Button-d0f7848a.js');
|
|
13
13
|
require('react-router-dom');
|
|
14
14
|
require('../Icon-d5ad1a6d.js');
|
|
15
15
|
require('@jobber/design');
|
|
16
|
-
require('../Typography-
|
|
17
|
-
require('../Text-
|
|
18
|
-
require('../InputValidation-
|
|
16
|
+
require('../Typography-c8df6609.js');
|
|
17
|
+
require('../Text-c317e805.js');
|
|
18
|
+
require('../InputValidation-c9309e0a.js');
|
|
19
19
|
require('framer-motion');
|
|
20
20
|
require('../Spinner-18d3dee6.js');
|
|
21
21
|
|
package/dist/InputText/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputText = require('../InputText-
|
|
5
|
+
var InputText = require('../InputText-8951021c.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../FormField-
|
|
8
|
+
require('../FormField-4ef1dd6b.js');
|
|
9
9
|
require('uuid');
|
|
10
10
|
require('react-hook-form');
|
|
11
11
|
require('../style-inject.es-dcee06b6.js');
|
|
12
12
|
require('classnames');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-d0f7848a.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-d5ad1a6d.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
|
-
require('../Typography-
|
|
18
|
-
require('../Text-
|
|
19
|
-
require('../InputValidation-
|
|
17
|
+
require('../Typography-c8df6609.js');
|
|
18
|
+
require('../Text-c317e805.js');
|
|
19
|
+
require('../InputValidation-c9309e0a.js');
|
|
20
20
|
require('framer-motion');
|
|
21
21
|
require('../Spinner-18d3dee6.js');
|
|
22
22
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var FormField = require('./FormField-
|
|
5
|
+
var FormField = require('./FormField-4ef1dd6b.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
package/dist/InputTime/index.js
CHANGED
|
@@ -6,18 +6,18 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.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-
|
|
9
|
+
var FormField = require('../FormField-4ef1dd6b.js');
|
|
10
10
|
require('uuid');
|
|
11
11
|
require('react-hook-form');
|
|
12
12
|
require('../style-inject.es-dcee06b6.js');
|
|
13
13
|
require('classnames');
|
|
14
|
-
require('../Button-
|
|
14
|
+
require('../Button-d0f7848a.js');
|
|
15
15
|
require('react-router-dom');
|
|
16
16
|
require('../Icon-d5ad1a6d.js');
|
|
17
17
|
require('@jobber/design');
|
|
18
|
-
require('../Typography-
|
|
19
|
-
require('../Text-
|
|
20
|
-
require('../InputValidation-
|
|
18
|
+
require('../Typography-c8df6609.js');
|
|
19
|
+
require('../Text-c317e805.js');
|
|
20
|
+
require('../InputValidation-c9309e0a.js');
|
|
21
21
|
require('framer-motion');
|
|
22
22
|
require('../Spinner-18d3dee6.js');
|
|
23
23
|
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputValidation = require('../InputValidation-
|
|
5
|
+
var InputValidation = require('../InputValidation-c9309e0a.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('framer-motion');
|
|
8
8
|
require('../style-inject.es-dcee06b6.js');
|
|
9
|
-
require('../Text-
|
|
10
|
-
require('../Typography-
|
|
9
|
+
require('../Text-c317e805.js');
|
|
10
|
+
require('../Typography-c8df6609.js');
|
|
11
11
|
require('../tslib.es6-5b50eb8e.js');
|
|
12
12
|
require('classnames');
|
|
13
13
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var framerMotion = require('framer-motion');
|
|
5
5
|
var styleInject_es = require('./style-inject.es-dcee06b6.js');
|
|
6
|
-
var Text = require('./Text-
|
|
6
|
+
var Text = require('./Text-c317e805.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
9
|
|
package/dist/List/index.js
CHANGED
|
@@ -8,11 +8,11 @@ var classnames = require('classnames');
|
|
|
8
8
|
var lodash = require('lodash');
|
|
9
9
|
var styleInject_es = require('../style-inject.es-dcee06b6.js');
|
|
10
10
|
var Icon = require('../Icon-d5ad1a6d.js');
|
|
11
|
-
var Text = require('../Text-
|
|
12
|
-
var Heading = require('../Heading-
|
|
13
|
-
var Typography = require('../Typography-
|
|
14
|
-
var Markdown = require('../Markdown-
|
|
15
|
-
var Emphasis = require('../Emphasis-
|
|
11
|
+
var Text = require('../Text-c317e805.js');
|
|
12
|
+
var Heading = require('../Heading-36fd27db.js');
|
|
13
|
+
var Typography = require('../Typography-c8df6609.js');
|
|
14
|
+
var Markdown = require('../Markdown-edd7468b.js');
|
|
15
|
+
var Emphasis = require('../Emphasis-391519b1.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
17
|
require('react-markdown');
|
|
18
18
|
require('../Content-18de5fbb.js');
|
package/dist/Markdown/index.js
CHANGED
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Markdown = require('../Markdown-
|
|
5
|
+
var Markdown = require('../Markdown-edd7468b.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('react-markdown');
|
|
9
|
-
require('../Text-
|
|
10
|
-
require('../Typography-
|
|
9
|
+
require('../Text-c317e805.js');
|
|
10
|
+
require('../Typography-c8df6609.js');
|
|
11
11
|
require('classnames');
|
|
12
12
|
require('../style-inject.es-dcee06b6.js');
|
|
13
|
-
require('../Emphasis-
|
|
14
|
-
require('../Heading-
|
|
13
|
+
require('../Emphasis-391519b1.js');
|
|
14
|
+
require('../Heading-36fd27db.js');
|
|
15
15
|
require('../Content-18de5fbb.js');
|
|
16
16
|
|
|
17
17
|
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var ReactMarkdown = require('react-markdown');
|
|
6
|
-
var Text = require('./Text-
|
|
7
|
-
var Emphasis = require('./Emphasis-
|
|
8
|
-
var Heading = require('./Heading-
|
|
6
|
+
var Text = require('./Text-c317e805.js');
|
|
7
|
+
var Emphasis = require('./Emphasis-391519b1.js');
|
|
8
|
+
var Heading = require('./Heading-36fd27db.js');
|
|
9
9
|
var Content = require('./Content-18de5fbb.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
package/dist/Menu/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Menu = require('../Menu-
|
|
5
|
+
var Menu = require('../Menu-6bee69e7.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('uuid');
|
|
@@ -10,11 +10,11 @@ require('classnames');
|
|
|
10
10
|
require('framer-motion');
|
|
11
11
|
require('@jobber/hooks');
|
|
12
12
|
require('../style-inject.es-dcee06b6.js');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-d0f7848a.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-d5ad1a6d.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
|
-
require('../Typography-
|
|
17
|
+
require('../Typography-c8df6609.js');
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
@@ -5,10 +5,10 @@ var React = require('react');
|
|
|
5
5
|
var uuid = require('uuid');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var framerMotion = require('framer-motion');
|
|
8
|
-
var
|
|
8
|
+
var jobberHooks = require('@jobber/hooks');
|
|
9
9
|
var styleInject_es = require('./style-inject.es-dcee06b6.js');
|
|
10
|
-
var Button = require('./Button-
|
|
11
|
-
var Typography = require('./Typography-
|
|
10
|
+
var Button = require('./Button-d0f7848a.js');
|
|
11
|
+
var Typography = require('./Typography-c8df6609.js');
|
|
12
12
|
var Icon = require('./Icon-d5ad1a6d.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -46,7 +46,7 @@ function Menu(_a) {
|
|
|
46
46
|
var wrapperRef = React.createRef();
|
|
47
47
|
var buttonID = uuid.v1();
|
|
48
48
|
var menuID = uuid.v1();
|
|
49
|
-
|
|
49
|
+
jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
|
|
50
50
|
React.useLayoutEffect(function () {
|
|
51
51
|
if (wrapperRef.current) {
|
|
52
52
|
var bounds = wrapperRef.current.getBoundingClientRect();
|
package/dist/Modal/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Modal = require('../Modal-
|
|
5
|
+
var Modal = require('../Modal-1f7e7433.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('react-dom');
|
|
@@ -10,12 +10,12 @@ require('classnames');
|
|
|
10
10
|
require('framer-motion');
|
|
11
11
|
require('@jobber/hooks');
|
|
12
12
|
require('../style-inject.es-dcee06b6.js');
|
|
13
|
-
require('../Typography-
|
|
14
|
-
require('../Button-
|
|
13
|
+
require('../Typography-c8df6609.js');
|
|
14
|
+
require('../Button-d0f7848a.js');
|
|
15
15
|
require('react-router-dom');
|
|
16
16
|
require('../Icon-d5ad1a6d.js');
|
|
17
17
|
require('@jobber/design');
|
|
18
|
-
require('../ButtonDismiss-
|
|
18
|
+
require('../ButtonDismiss-6d3608f5.js');
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -5,11 +5,11 @@ var React = require('react');
|
|
|
5
5
|
var ReactDOM = require('react-dom');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var framerMotion = require('framer-motion');
|
|
8
|
-
var
|
|
8
|
+
var jobberHooks = require('@jobber/hooks');
|
|
9
9
|
var styleInject_es = require('./style-inject.es-dcee06b6.js');
|
|
10
|
-
var Typography = require('./Typography-
|
|
11
|
-
var Button = require('./Button-
|
|
12
|
-
var ButtonDismiss = require('./ButtonDismiss-
|
|
10
|
+
var Typography = require('./Typography-c8df6609.js');
|
|
11
|
+
var Button = require('./Button-d0f7848a.js');
|
|
12
|
+
var ButtonDismiss = require('./ButtonDismiss-6d3608f5.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
15
|
|
|
@@ -87,9 +87,9 @@ function getElements(ref) {
|
|
|
87
87
|
function Modal(_a) {
|
|
88
88
|
var _b = _a.open, open = _b === void 0 ? false : _b, title = _a.title, size = _a.size, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c, children = _a.children, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, tertiaryAction = _a.tertiaryAction, onRequestClose = _a.onRequestClose;
|
|
89
89
|
var modalClassName = classnames__default["default"](styles.modal, size && sizes[size]);
|
|
90
|
-
|
|
90
|
+
jobberHooks.useRefocusOnActivator(open);
|
|
91
91
|
var modalRef = useFocusTrap(open);
|
|
92
|
-
|
|
92
|
+
jobberHooks.useOnKeyDown(handleRequestClose, "Escape");
|
|
93
93
|
var template = (React__default["default"].createElement(framerMotion.AnimatePresence, null, open && (React__default["default"].createElement("div", { ref: modalRef, className: styles.container, tabIndex: 0 },
|
|
94
94
|
React__default["default"].createElement(framerMotion.motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
|
|
95
95
|
React__default["default"].createElement(framerMotion.motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
|
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
|
-
var
|
|
8
|
+
var jobberHooks = require('@jobber/hooks');
|
|
9
9
|
var styleInject_es = require('../style-inject.es-dcee06b6.js');
|
|
10
|
-
var Checkbox = require('../Checkbox-
|
|
11
|
-
var Text = require('../Text-
|
|
10
|
+
var Checkbox = require('../Checkbox-4624199c.js');
|
|
11
|
+
var Text = require('../Text-c317e805.js');
|
|
12
12
|
var Icon = require('../Icon-d5ad1a6d.js');
|
|
13
|
-
require('../Typography-
|
|
13
|
+
require('../Typography-c8df6609.js');
|
|
14
14
|
require('@jobber/design');
|
|
15
15
|
|
|
16
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -102,7 +102,7 @@ function DropDownMenu(_a) {
|
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
|
-
|
|
105
|
+
jobberHooks.useOnKeyDown(handleKeyboardShortcut(setupKeyListeners).callback, [
|
|
106
106
|
"Enter",
|
|
107
107
|
" ",
|
|
108
108
|
"ArrowDown",
|
|
@@ -166,7 +166,7 @@ function MultiSelect(_a) {
|
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
|
-
|
|
169
|
+
jobberHooks.useOnKeyDown(handleKeyboardShortcut(setupKeyListeners).callback, [
|
|
170
170
|
"Enter",
|
|
171
171
|
" ",
|
|
172
172
|
"Escape",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var FormField = require('./FormField-
|
|
5
|
+
var FormField = require('./FormField-4ef1dd6b.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
package/dist/Page/index.js
CHANGED
|
@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
|
-
var
|
|
8
|
+
var jobberHooks = require('@jobber/hooks');
|
|
9
9
|
var styleInject_es = require('../style-inject.es-dcee06b6.js');
|
|
10
|
-
var Heading = require('../Heading-
|
|
11
|
-
var Text = require('../Text-
|
|
10
|
+
var Heading = require('../Heading-36fd27db.js');
|
|
11
|
+
var Text = require('../Text-c317e805.js');
|
|
12
12
|
var Content = require('../Content-18de5fbb.js');
|
|
13
|
-
var Markdown = require('../Markdown-
|
|
14
|
-
var Button = require('../Button-
|
|
15
|
-
var Menu = require('../Menu-
|
|
16
|
-
var Emphasis = require('../Emphasis-
|
|
17
|
-
require('../Typography-
|
|
13
|
+
var Markdown = require('../Markdown-edd7468b.js');
|
|
14
|
+
var Button = require('../Button-d0f7848a.js');
|
|
15
|
+
var Menu = require('../Menu-6bee69e7.js');
|
|
16
|
+
var Emphasis = require('../Emphasis-391519b1.js');
|
|
17
|
+
require('../Typography-c8df6609.js');
|
|
18
18
|
require('react-markdown');
|
|
19
19
|
require('react-router-dom');
|
|
20
20
|
require('../Icon-d5ad1a6d.js');
|
|
@@ -36,11 +36,11 @@ function Page(_a) {
|
|
|
36
36
|
var _b;
|
|
37
37
|
var title = _a.title, intro = _a.intro, externalIntroLinks = _a.externalIntroLinks, subtitle = _a.subtitle, children = _a.children, _c = _a.width, width = _c === void 0 ? "standard" : _c, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, _d = _a.moreActionsMenu, moreActionsMenu = _d === void 0 ? [] : _d;
|
|
38
38
|
var pageStyles = classnames__default["default"](styles.page, styles[width]);
|
|
39
|
-
var _e = tslib_es6.__read(
|
|
39
|
+
var _e = tslib_es6.__read(jobberHooks.useResizeObserver(), 2), titleBarRef = _e[0], _f = _e[1].width, titleBarWidth = _f === void 0 ? jobberHooks.Breakpoints.large : _f;
|
|
40
40
|
var titleBarClasses = classnames__default["default"](styles.titleBar, (_b = {},
|
|
41
|
-
_b[styles.small] = titleBarWidth >
|
|
42
|
-
_b[styles.medium] = titleBarWidth >
|
|
43
|
-
_b[styles.large] = titleBarWidth >
|
|
41
|
+
_b[styles.small] = titleBarWidth > jobberHooks.Breakpoints.smaller,
|
|
42
|
+
_b[styles.medium] = titleBarWidth > jobberHooks.Breakpoints.small,
|
|
43
|
+
_b[styles.large] = titleBarWidth > jobberHooks.Breakpoints.base,
|
|
44
44
|
_b));
|
|
45
45
|
var showMenu = moreActionsMenu.length > 0;
|
|
46
46
|
var showActionGroup = showMenu || primaryAction;
|
package/dist/Popover/index.js
CHANGED
|
@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var reactPopper = require('react-popper');
|
|
8
|
-
var
|
|
8
|
+
var jobberHooks = require('@jobber/hooks');
|
|
9
9
|
var styleInject_es = require('../style-inject.es-dcee06b6.js');
|
|
10
|
-
var ButtonDismiss = require('../ButtonDismiss-
|
|
11
|
-
require('../Button-
|
|
10
|
+
var ButtonDismiss = require('../ButtonDismiss-6d3608f5.js');
|
|
11
|
+
require('../Button-d0f7848a.js');
|
|
12
12
|
require('classnames');
|
|
13
13
|
require('react-router-dom');
|
|
14
14
|
require('../Icon-d5ad1a6d.js');
|
|
15
15
|
require('@jobber/design');
|
|
16
|
-
require('../Typography-
|
|
16
|
+
require('../Typography-c8df6609.js');
|
|
17
17
|
|
|
18
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
19
|
|
|
@@ -31,7 +31,7 @@ function Popover(_a) {
|
|
|
31
31
|
modifiers: buildModifiers(arrowElement),
|
|
32
32
|
placement: preferredPlacement,
|
|
33
33
|
}), popperStyles = _e.styles, attributes = _e.attributes;
|
|
34
|
-
|
|
34
|
+
jobberHooks.useRefocusOnActivator(open);
|
|
35
35
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, open && (React__default["default"].createElement("div", tslib_es6.__assign({ role: "dialog", ref: setPopperElement, style: popperStyles.popper, className: classes.popover }, attributes.popper),
|
|
36
36
|
React__default["default"].createElement("div", { className: classes.dismissButton },
|
|
37
37
|
React__default["default"].createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close dialog" })),
|
package/dist/RadioGroup/index.js
CHANGED
|
@@ -6,15 +6,15 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var uuid = require('uuid');
|
|
8
8
|
var styleInject_es = require('../style-inject.es-dcee06b6.js');
|
|
9
|
-
var Text = require('../Text-
|
|
10
|
-
require('../Typography-
|
|
9
|
+
var Text = require('../Text-c317e805.js');
|
|
10
|
+
require('../Typography-c8df6609.js');
|
|
11
11
|
require('classnames');
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
16
|
|
|
17
|
-
var css = "._21aQKdbfCYC-03CNAUhBXW {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n._11AeV22s7aou-ZpJgQCiPD {\n /* Hide checkbox on UI but not screen readers and still allow focus state */\n position: absolute;\n left: -999vw;\n}\n\n.IiW-lj1gmbjv30FHatRaU {\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-size: var(--typography--fontSize-base);\n cursor: pointer;\n -ms-flex-align: center;\n align-items: center;\n}\n\n._11AeV22s7aou-ZpJgQCiPD + .IiW-lj1gmbjv30FHatRaU::before {\n content: \"\";\n display: block;\n width: var(--space-base);\n height: var(--space-base);\n box-sizing: border-box;\n margin: 0 var(--space-small) 0 0;\n border: var(--border-thick) solid var(--color-interactive);\n border-radius: 100%;\n background-color: var(--color-surface);\n transition: all var(--timing-base);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus + .IiW-lj1gmbjv30FHatRaU:before {\n box-shadow: var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus:checked + .IiW-lj1gmbjv30FHatRaU:before {\n box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover),\n var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:checked + .IiW-lj1gmbjv30FHatRaU::before {\n box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover);\n border-color: var(--color-interactive--hover);\n border-width: var(--border-thicker);\n background-color: var(--color-interactive);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU {\n color: var(--color-disabled);\n cursor: not-allowed;\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU::before {\n border-color: var(--color-disabled--secondary);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled]:checked + .IiW-lj1gmbjv30FHatRaU::before {\n box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-disabled);\n border-color: var(--color-grey);\n background-color: var(--color-disabled--secondary);\n}\n\n._27qk4PxjkMHZzzSu7SOR4s {\n margin-bottom: var(--space-small);\n padding-left: var(--space-large);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU + ._27qk4PxjkMHZzzSu7SOR4s > p {\n color: var(--color-disabled);\n}\n";
|
|
17
|
+
var css = "._21aQKdbfCYC-03CNAUhBXW {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n._11AeV22s7aou-ZpJgQCiPD {\n /* Hide checkbox on UI but not screen readers and still allow focus state */\n position: absolute;\n left: -999vw;\n}\n\n.IiW-lj1gmbjv30FHatRaU {\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-size: var(--typography--fontSize-base);\n cursor: pointer;\n -ms-flex-align: center;\n align-items: center;\n}\n\n._11AeV22s7aou-ZpJgQCiPD + .IiW-lj1gmbjv30FHatRaU::before {\n content: \"\";\n display: block;\n width: var(--space-base);\n height: var(--space-base);\n box-sizing: border-box;\n margin: 0 var(--space-small) 0 0;\n border: var(--border-thick) solid var(--color-interactive);\n border-radius: 100%;\n background-color: var(--color-surface);\n transition: all var(--timing-base);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus + .IiW-lj1gmbjv30FHatRaU:before {\n box-shadow: var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus:checked + .IiW-lj1gmbjv30FHatRaU:before {\n box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover),\n var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:checked + .IiW-lj1gmbjv30FHatRaU::before {\n box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover);\n border-color: var(--color-interactive--hover);\n border-width: var(--border-thicker);\n background-color: var(--color-interactive);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU {\n color: var(--color-disabled);\n cursor: not-allowed;\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU::before {\n border-color: var(--color-disabled--secondary);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled]:checked + .IiW-lj1gmbjv30FHatRaU::before {\n box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-disabled);\n border-color: var(--color-grey);\n background-color: var(--color-disabled--secondary);\n}\n\n._27qk4PxjkMHZzzSu7SOR4s {\n margin-bottom: var(--space-small);\n padding-left: var(--space-large);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU + ._27qk4PxjkMHZzzSu7SOR4s > p {\n color: var(--color-disabled);\n}\n";
|
|
18
18
|
var styles = {"radioGroup":"_21aQKdbfCYC-03CNAUhBXW","input":"_11AeV22s7aou-ZpJgQCiPD","label":"IiW-lj1gmbjv30FHatRaU","description":"_27qk4PxjkMHZzzSu7SOR4s"};
|
|
19
19
|
styleInject_es.styleInject(css);
|
|
20
20
|
|
package/dist/Select/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Option = require('../Option-
|
|
5
|
+
var Option = require('../Option-5ebb2e0d.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../FormField-
|
|
8
|
+
require('../FormField-4ef1dd6b.js');
|
|
9
9
|
require('uuid');
|
|
10
10
|
require('react-hook-form');
|
|
11
11
|
require('../style-inject.es-dcee06b6.js');
|
|
12
12
|
require('classnames');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-d0f7848a.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-d5ad1a6d.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
|
-
require('../Typography-
|
|
18
|
-
require('../Text-
|
|
19
|
-
require('../InputValidation-
|
|
17
|
+
require('../Typography-c8df6609.js');
|
|
18
|
+
require('../Text-c317e805.js');
|
|
19
|
+
require('../InputValidation-c9309e0a.js');
|
|
20
20
|
require('framer-motion');
|
|
21
21
|
require('../Spinner-18d3dee6.js');
|
|
22
22
|
|
|
@@ -5,8 +5,8 @@ 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-dcee06b6.js');
|
|
8
|
-
var Text = require('../Text-
|
|
9
|
-
require('../Typography-
|
|
8
|
+
var Text = require('../Text-c317e805.js');
|
|
9
|
+
require('../Typography-c8df6609.js');
|
|
10
10
|
require('../tslib.es6-5b50eb8e.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|