@jobber/components 3.5.4-pre.1 → 3.5.4-pre.7
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/dist/Autocomplete/index.js +4 -4
- package/dist/Chips/index.js +1 -1
- package/dist/DataTable/index.js +3 -3
- package/dist/Drawer/index.js +1 -1
- package/dist/FormField/index.js +2 -2
- package/dist/{FormField-58711fc7.js → FormField-76068c0b.js} +3 -3
- package/dist/InputDate/index.js +2 -2
- package/dist/InputEmail/index.js +2 -2
- package/dist/InputNumber/index.js +2 -2
- package/dist/InputPassword/index.js +2 -2
- package/dist/InputText/index.js +3 -3
- package/dist/{InputText-e14d01db.js → InputText-523d0e48.js} +1 -1
- package/dist/InputTime/index.js +2 -2
- package/dist/{Option-e7855759.js → Option-fdf21181.js} +1 -1
- package/dist/Select/index.js +3 -3
- package/dist/Spinner/index.js +1 -1
- package/dist/{Spinner-18d3dee6.js → Spinner-e4e9c8eb.js} +1 -1
- package/package.json +6 -7
- package/rollup.config.js +0 -1
|
@@ -11,17 +11,17 @@ var useEventListener = require('@use-it/event-listener');
|
|
|
11
11
|
var Text = require('../Text-e012fb46.js');
|
|
12
12
|
var Icon = require('../Icon-d5ad1a6d.js');
|
|
13
13
|
var Heading = require('../Heading-a9a66964.js');
|
|
14
|
-
var InputText = require('../InputText-
|
|
14
|
+
var InputText = require('../InputText-523d0e48.js');
|
|
15
15
|
require('../Typography-fbe0ed6e.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
|
-
require('../FormField-
|
|
17
|
+
require('../FormField-76068c0b.js');
|
|
18
18
|
require('uuid');
|
|
19
19
|
require('react-hook-form');
|
|
20
20
|
require('../Button-cd30df0f.js');
|
|
21
21
|
require('react-router-dom');
|
|
22
22
|
require('../InputValidation-06a8a7ba.js');
|
|
23
23
|
require('framer-motion');
|
|
24
|
-
require('../Spinner-
|
|
24
|
+
require('../Spinner-e4e9c8eb.js');
|
|
25
25
|
|
|
26
26
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
27
27
|
|
|
@@ -134,7 +134,7 @@ function isOptionSelected(selectedOption, option) {
|
|
|
134
134
|
function useOnKeyDown(keyName, handler) {
|
|
135
135
|
// Pending: https://github.com/donavon/use-event-listener/pull/12
|
|
136
136
|
// The types in useEventListener mistakenly require a SyntheticEvent for the passed generic.
|
|
137
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-
|
|
137
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
138
138
|
//@ts-ignore
|
|
139
139
|
useEventListener__default["default"]("keydown", function (event) {
|
|
140
140
|
if (event.key === keyName) {
|
package/dist/Chips/index.js
CHANGED
|
@@ -16,7 +16,7 @@ var lodash = require('lodash');
|
|
|
16
16
|
var reactPopper = require('react-popper');
|
|
17
17
|
var Text = require('../Text-e012fb46.js');
|
|
18
18
|
var Button = require('../Button-cd30df0f.js');
|
|
19
|
-
var Spinner = require('../Spinner-
|
|
19
|
+
var Spinner = require('../Spinner-e4e9c8eb.js');
|
|
20
20
|
require('@jobber/design');
|
|
21
21
|
require('color');
|
|
22
22
|
require('react-dom');
|
package/dist/DataTable/index.js
CHANGED
|
@@ -8,17 +8,17 @@ var classnames = require('classnames');
|
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var jobberHooks = require('@jobber/hooks');
|
|
10
10
|
var styleInject_es = require('../style-inject.es-dcee06b6.js');
|
|
11
|
-
var Option = require('../Option-
|
|
11
|
+
var Option = require('../Option-fdf21181.js');
|
|
12
12
|
var Button = require('../Button-cd30df0f.js');
|
|
13
13
|
var Text = require('../Text-e012fb46.js');
|
|
14
|
-
require('../FormField-
|
|
14
|
+
require('../FormField-76068c0b.js');
|
|
15
15
|
require('uuid');
|
|
16
16
|
require('react-hook-form');
|
|
17
17
|
require('../Icon-d5ad1a6d.js');
|
|
18
18
|
require('@jobber/design');
|
|
19
19
|
require('../InputValidation-06a8a7ba.js');
|
|
20
20
|
require('framer-motion');
|
|
21
|
-
require('../Spinner-
|
|
21
|
+
require('../Spinner-e4e9c8eb.js');
|
|
22
22
|
require('react-router-dom');
|
|
23
23
|
require('../Typography-fbe0ed6e.js');
|
|
24
24
|
|
package/dist/Drawer/index.js
CHANGED
|
@@ -27,7 +27,7 @@ function Drawer(_a) {
|
|
|
27
27
|
var title = _a.title, children = _a.children, _b = _a.open, open = _b === void 0 ? true : _b, onRequestClose = _a.onRequestClose, id = _a.id;
|
|
28
28
|
var drawerClassNames = classnames__default["default"](styles$1.container, open && styles$1.open);
|
|
29
29
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
30
|
-
React__default["default"].createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-
|
|
30
|
+
React__default["default"].createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
|
|
31
31
|
React__default["default"].createElement("div", { className: styles$1.drawer },
|
|
32
32
|
React__default["default"].createElement(Header, { title: title, onRequestClose: onRequestClose }),
|
|
33
33
|
React__default["default"].createElement("div", { className: styles$1.contentScroll },
|
package/dist/FormField/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var FormField = require('../FormField-
|
|
5
|
+
var FormField = require('../FormField-76068c0b.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('uuid');
|
|
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
17
17
|
require('../Text-e012fb46.js');
|
|
18
18
|
require('../InputValidation-06a8a7ba.js');
|
|
19
19
|
require('framer-motion');
|
|
20
|
-
require('../Spinner-
|
|
20
|
+
require('../Spinner-e4e9c8eb.js');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
@@ -10,7 +10,7 @@ var Button = require('./Button-cd30df0f.js');
|
|
|
10
10
|
var Icon = require('./Icon-d5ad1a6d.js');
|
|
11
11
|
var Text = require('./Text-e012fb46.js');
|
|
12
12
|
var InputValidation = require('./InputValidation-06a8a7ba.js');
|
|
13
|
-
var Spinner = require('./Spinner-
|
|
13
|
+
var Spinner = require('./Spinner-e4e9c8eb.js');
|
|
14
14
|
|
|
15
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
16
|
|
|
@@ -102,11 +102,11 @@ function FormFieldWrapper(_a) {
|
|
|
102
102
|
paddingRight: undefined,
|
|
103
103
|
};
|
|
104
104
|
if ((prefixRef === null || prefixRef === void 0 ? void 0 : prefixRef.current) && !hasValue) {
|
|
105
|
-
var offsetWidth =
|
|
105
|
+
var offsetWidth = prefixRef.current.offsetWidth;
|
|
106
106
|
newPadding.paddingLeft = offset(offsetWidth);
|
|
107
107
|
}
|
|
108
108
|
if ((suffixRef === null || suffixRef === void 0 ? void 0 : suffixRef.current) && !hasValue) {
|
|
109
|
-
var offsetWidth =
|
|
109
|
+
var offsetWidth = suffixRef.current.offsetWidth;
|
|
110
110
|
newPadding.paddingRight = offset(offsetWidth);
|
|
111
111
|
}
|
|
112
112
|
function offset(width) {
|
package/dist/InputDate/index.js
CHANGED
|
@@ -5,7 +5,7 @@ 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-
|
|
8
|
+
var FormField = require('../FormField-76068c0b.js');
|
|
9
9
|
var DatePicker = require('../DatePicker-7c67e8d2.js');
|
|
10
10
|
require('uuid');
|
|
11
11
|
require('react-hook-form');
|
|
@@ -19,7 +19,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
19
19
|
require('../Text-e012fb46.js');
|
|
20
20
|
require('../InputValidation-06a8a7ba.js');
|
|
21
21
|
require('framer-motion');
|
|
22
|
-
require('../Spinner-
|
|
22
|
+
require('../Spinner-e4e9c8eb.js');
|
|
23
23
|
require('react-datepicker');
|
|
24
24
|
require('@jobber/hooks');
|
|
25
25
|
|
package/dist/InputEmail/index.js
CHANGED
|
@@ -4,7 +4,7 @@ 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-76068c0b.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-dcee06b6.js');
|
|
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
17
17
|
require('../Text-e012fb46.js');
|
|
18
18
|
require('../InputValidation-06a8a7ba.js');
|
|
19
19
|
require('framer-motion');
|
|
20
|
-
require('../Spinner-
|
|
20
|
+
require('../Spinner-e4e9c8eb.js');
|
|
21
21
|
|
|
22
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
23
|
|
|
@@ -4,7 +4,7 @@ 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-76068c0b.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-dcee06b6.js');
|
|
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
17
17
|
require('../Text-e012fb46.js');
|
|
18
18
|
require('../InputValidation-06a8a7ba.js');
|
|
19
19
|
require('framer-motion');
|
|
20
|
-
require('../Spinner-
|
|
20
|
+
require('../Spinner-e4e9c8eb.js');
|
|
21
21
|
|
|
22
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
23
|
|
|
@@ -4,7 +4,7 @@ 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-76068c0b.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-dcee06b6.js');
|
|
@@ -17,7 +17,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
17
17
|
require('../Text-e012fb46.js');
|
|
18
18
|
require('../InputValidation-06a8a7ba.js');
|
|
19
19
|
require('framer-motion');
|
|
20
|
-
require('../Spinner-
|
|
20
|
+
require('../Spinner-e4e9c8eb.js');
|
|
21
21
|
|
|
22
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
23
|
|
package/dist/InputText/index.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputText = require('../InputText-
|
|
5
|
+
var InputText = require('../InputText-523d0e48.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../FormField-
|
|
8
|
+
require('../FormField-76068c0b.js');
|
|
9
9
|
require('uuid');
|
|
10
10
|
require('react-hook-form');
|
|
11
11
|
require('../style-inject.es-dcee06b6.js');
|
|
@@ -18,7 +18,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
18
18
|
require('../Text-e012fb46.js');
|
|
19
19
|
require('../InputValidation-06a8a7ba.js');
|
|
20
20
|
require('framer-motion');
|
|
21
|
-
require('../Spinner-
|
|
21
|
+
require('../Spinner-e4e9c8eb.js');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
@@ -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-76068c0b.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,7 +6,7 @@ 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-76068c0b.js');
|
|
10
10
|
require('uuid');
|
|
11
11
|
require('react-hook-form');
|
|
12
12
|
require('../style-inject.es-dcee06b6.js');
|
|
@@ -19,7 +19,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
19
19
|
require('../Text-e012fb46.js');
|
|
20
20
|
require('../InputValidation-06a8a7ba.js');
|
|
21
21
|
require('framer-motion');
|
|
22
|
-
require('../Spinner-
|
|
22
|
+
require('../Spinner-e4e9c8eb.js');
|
|
23
23
|
|
|
24
24
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
25
25
|
|
|
@@ -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-76068c0b.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
package/dist/Select/index.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Option = require('../Option-
|
|
5
|
+
var Option = require('../Option-fdf21181.js');
|
|
6
6
|
require('../tslib.es6-5b50eb8e.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../FormField-
|
|
8
|
+
require('../FormField-76068c0b.js');
|
|
9
9
|
require('uuid');
|
|
10
10
|
require('react-hook-form');
|
|
11
11
|
require('../style-inject.es-dcee06b6.js');
|
|
@@ -18,7 +18,7 @@ require('../Typography-fbe0ed6e.js');
|
|
|
18
18
|
require('../Text-e012fb46.js');
|
|
19
19
|
require('../InputValidation-06a8a7ba.js');
|
|
20
20
|
require('framer-motion');
|
|
21
|
-
require('../Spinner-
|
|
21
|
+
require('../Spinner-e4e9c8eb.js');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
package/dist/Spinner/index.js
CHANGED
|
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
10
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
11
11
|
|
|
12
|
-
var css = "._2Vxgrs4a5osOKmp9b0i7ud {\n width: var(--space-larger);\n height: var(--space-larger);\n box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n border: solid var(--color-blue--light);\n border-top-color: var(--color-white);\n border-width: calc(var(--space-small) * 0.75);\n border-radius: var(--radius-circle);\n background-color: var(--color-blue--lightest);\n -webkit-animation-duration:
|
|
12
|
+
var css = "._2Vxgrs4a5osOKmp9b0i7ud {\n width: var(--space-larger);\n height: var(--space-larger);\n box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n border: solid var(--color-blue--light);\n border-top-color: var(--color-white);\n border-width: calc(var(--space-small) * 0.75);\n border-radius: var(--radius-circle);\n background-color: var(--color-blue--lightest);\n -webkit-animation-duration: calc(var(--timing-slowest) * 2);\n animation-duration: calc(var(--timing-slowest) * 2);\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-name: _3bn_eCsItKh7HS1dEQIERv;\n animation-name: _3bn_eCsItKh7HS1dEQIERv;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n will-change: transform;\n}\n\n@-webkit-keyframes _3bn_eCsItKh7HS1dEQIERv {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n@keyframes _3bn_eCsItKh7HS1dEQIERv {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n._3uMtJrFH9VsqhWvHLkG1SQ {\n width: var(--space-base);\n height: var(--space-base);\n border-width: var(--space-smaller);\n}\n\n._20N4X28gVsanpe8jhUzYxj {\n display: inline-block;\n margin-top: calc(var(--space-smaller) * -1);\n vertical-align: middle;\n}\n";
|
|
13
13
|
var styles = {"spinner":"_2Vxgrs4a5osOKmp9b0i7ud","animationSpin":"_3bn_eCsItKh7HS1dEQIERv","small":"_3uMtJrFH9VsqhWvHLkG1SQ","inline-left":"_20N4X28gVsanpe8jhUzYxj","inline-right":"_20N4X28gVsanpe8jhUzYxj","inline":"_20N4X28gVsanpe8jhUzYxj"};
|
|
14
14
|
styleInject_es.styleInject(css);
|
|
15
15
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "3.5.4-pre.
|
|
3
|
+
"version": "3.5.4-pre.7+6749a487",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
"clean": "rm -rf dist/* tsconfig.tsbuildinfo",
|
|
10
10
|
"prepublishOnly": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts",
|
|
11
11
|
"prepare": "npm run clean; npm run build",
|
|
12
|
-
"postpublish": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts clean"
|
|
13
|
-
"ci:typescript-compile": "rm -rf tsconfig.ci.tsbuildinfo && tsc --project tsconfig.ci.json"
|
|
12
|
+
"postpublish": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts clean"
|
|
14
13
|
},
|
|
15
14
|
"files": [
|
|
16
15
|
"*.js",
|
|
@@ -18,9 +17,9 @@
|
|
|
18
17
|
"dist/*"
|
|
19
18
|
],
|
|
20
19
|
"dependencies": {
|
|
21
|
-
"@jobber/design": "^0.29.4-pre.
|
|
22
|
-
"@jobber/formatters": "^0.2.2-pre.
|
|
23
|
-
"@jobber/hooks": "^1.13.3-pre.
|
|
20
|
+
"@jobber/design": "^0.29.4-pre.52+6749a487",
|
|
21
|
+
"@jobber/formatters": "^0.2.2-pre.52+6749a487",
|
|
22
|
+
"@jobber/hooks": "^1.13.3-pre.10+6749a487",
|
|
24
23
|
"@popperjs/core": "^2.0.6",
|
|
25
24
|
"@std-proposal/temporal": "0.0.1",
|
|
26
25
|
"@tanstack/react-table": "8.5.13",
|
|
@@ -84,5 +83,5 @@
|
|
|
84
83
|
"> 1%",
|
|
85
84
|
"IE 10"
|
|
86
85
|
],
|
|
87
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "6749a48780a375488e38075fd78cc7635cec056b"
|
|
88
87
|
}
|