@jobber/components 4.22.0 → 4.22.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/dist/InputNumber/index.js +14 -1
- package/dist/Tabs/index.js +1 -1
- package/package.json +2 -2
|
@@ -24,6 +24,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
24
24
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
25
|
|
|
26
26
|
function InputNumberInternal(props, ref) {
|
|
27
|
+
var _a;
|
|
27
28
|
const inputRef = React.createRef();
|
|
28
29
|
React.useImperativeHandle(ref, () => ({
|
|
29
30
|
blur: () => {
|
|
@@ -39,7 +40,19 @@ function InputNumberInternal(props, ref) {
|
|
|
39
40
|
}
|
|
40
41
|
},
|
|
41
42
|
}));
|
|
42
|
-
return (React__default["default"].createElement(FormField.FormField, Object.assign({}, props, { type: "number", inputRef: inputRef, onChange: handleChange, validations: Object.assign(Object.assign({}, props.validations), { validate:
|
|
43
|
+
return (React__default["default"].createElement(FormField.FormField, Object.assign({}, props, { type: "number", inputRef: inputRef, onChange: handleChange, validations: Object.assign(Object.assign({}, props.validations), { validate: customValidators((_a = props.validations) === null || _a === void 0 ? void 0 : _a.validate) }) })));
|
|
44
|
+
function customValidators(validators) {
|
|
45
|
+
if (validators == null) {
|
|
46
|
+
return getOverLimitMessage;
|
|
47
|
+
}
|
|
48
|
+
else if (typeof validators === "function") {
|
|
49
|
+
return {
|
|
50
|
+
customValidation: validators,
|
|
51
|
+
getOverLimitMessage,
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
return Object.assign(Object.assign({}, validators), { getOverLimitMessage });
|
|
55
|
+
}
|
|
43
56
|
function handleChange(newValue) {
|
|
44
57
|
props.onChange && props.onChange(newValue);
|
|
45
58
|
}
|
package/dist/Tabs/index.js
CHANGED
|
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
14
|
|
|
15
|
-
var css_248z = ":root {\n --tab--height: calc(var(--space-larger) + var(--space-small));\n --tab--inset: var(--space-base);\n --public-tab--inset: var(--tab--inset);\n}\n\n.-kxlqXO5UN0- {\n display: block;\n width: 100%;\n}\n\n.qI4lWMSNH40- {\n position: relative;\n border-bottom: solid calc(16px / 16) rgb(225, 225, 225);\n border-bottom: solid var(--border-base) var(--color-border);\n}\n\n.xohIah5wcoE-:after,\n.qnY4S9sz-8g-:before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 24px;\n}\n\n.xohIah5wcoE-:after {\n right: 0;\n box-shadow: inset -16px 0 16px -16px rgb(1, 41, 57);\n box-shadow: inset -16px 0 16px -16px var(--color-blue);\n}\n\n.qnY4S9sz-8g-:before {\n left: 0;\n box-shadow: inset 16px 0 16px -16px rgb(1, 41, 57);\n box-shadow: inset 16px 0 16px -16px var(--color-blue);\n}\n\n.wdW31G8Trag- {\n display: -ms-flexbox;\n display: flex;\n margin-bottom: calc(-1 * (16px / 16));\n margin-bottom: calc(-1 * calc(16px / 16));\n margin-bottom: calc(-1 * var(--border-base));\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\nul.wdW31G8Trag- {\n -webkit-padding-start: 0;\n padding-left: 0;\n}\n\n.wdW31G8Trag- li {\n list-style: none;\n}\n\n.MO7CXQ8xJXo- {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n height: calc((16px * 2) + (16px / 2));\n height: calc(calc(16px * 2) + calc(16px / 2));\n height: var(--tab--height);\n margin: 0;\n padding-left: calc(16px * 1);\n padding-left: var(--public-tab--inset);\n padding-right: calc(16px * 1);\n padding-right: var(--public-tab--inset);\n border: solid calc(16px / 16) rgb(225, 225, 225);\n border: solid var(--border-base) var(--color-border);\n border-left-width: 0;\n outline: none;\n background: rgba(255, 255, 255, 1);\n background: var(--color-surface);\n cursor: pointer;\n transition: all 200ms;\n transition: all var(--timing-base);\n}\n\n.MO7CXQ8xJXo-:hover,\n.MO7CXQ8xJXo-:focus {\n background-color: rgb(250, 246, 219);\n background-color: var(--color-surface--hover);\n}\n\n.MO7CXQ8xJXo-:focus span {\n box-shadow: 0px 0px calc(16px / 4) calc(16px / 8)\n rgb(231, 213, 87);\n box-shadow: var(--shadow-focus);\n}\n\n.kqof65gyv7g- {\n border-top-color: rgb(125, 176, 14);\n border-top-color: var(--color-interactive);\n border-bottom-color: rgba(255, 255, 255, 1);\n border-bottom-color: var(--color-surface);\n}\n\n.kqof65gyv7g-:focus {\n background-color: transparent;\n}\n\n.AimQioztR1U- {\n padding-top: calc(16px * 1);\n padding-top: var(--tab--inset);\n padding-bottom: calc(16px * 1);\n padding-bottom: var(--tab--inset);\n padding-left: calc(16px * 1);\n padding-left: var(--public-tab--inset);\n padding-right: calc(16px * 1);\n padding-right: var(--public-tab--inset);\n}\n";
|
|
15
|
+
var css_248z = ":root {\n --tab--height: calc(var(--space-larger) + var(--space-small));\n --tab--inset: var(--space-base);\n --public-tab--inset: var(--tab--inset);\n}\n\n.-kxlqXO5UN0- {\n display: block;\n width: 100%;\n}\n\n.qI4lWMSNH40- {\n position: relative;\n border-bottom: solid calc(16px / 16) rgb(225, 225, 225);\n border-bottom: solid var(--border-base) var(--color-border);\n}\n\n.xohIah5wcoE-:after,\n.qnY4S9sz-8g-:before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 24px;\n}\n\n.xohIah5wcoE-:after {\n right: 0;\n box-shadow: inset -16px 0 16px -16px rgb(1, 41, 57);\n box-shadow: inset -16px 0 16px -16px var(--color-blue);\n}\n\n.qnY4S9sz-8g-:before {\n left: 0;\n box-shadow: inset 16px 0 16px -16px rgb(1, 41, 57);\n box-shadow: inset 16px 0 16px -16px var(--color-blue);\n}\n\n.wdW31G8Trag- {\n display: -ms-flexbox;\n display: flex;\n margin-bottom: calc(-1 * (16px / 16));\n margin-bottom: calc(-1 * calc(16px / 16));\n margin-bottom: calc(-1 * var(--border-base));\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\nul.wdW31G8Trag- {\n -webkit-padding-start: 0;\n padding-left: 0;\n}\n\n.wdW31G8Trag- li {\n display: -ms-flexbox;\n display: flex;\n list-style: none;\n}\n\n.MO7CXQ8xJXo- {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n height: calc((16px * 2) + (16px / 2));\n height: calc(calc(16px * 2) + calc(16px / 2));\n height: var(--tab--height);\n margin: 0;\n padding-left: calc(16px * 1);\n padding-left: var(--public-tab--inset);\n padding-right: calc(16px * 1);\n padding-right: var(--public-tab--inset);\n border: solid calc(16px / 16) rgb(225, 225, 225);\n border: solid var(--border-base) var(--color-border);\n border-left-width: 0;\n outline: none;\n background: rgba(255, 255, 255, 1);\n background: var(--color-surface);\n cursor: pointer;\n transition: all 200ms;\n transition: all var(--timing-base);\n}\n\n.MO7CXQ8xJXo-:hover,\n.MO7CXQ8xJXo-:focus {\n background-color: rgb(250, 246, 219);\n background-color: var(--color-surface--hover);\n}\n\n.MO7CXQ8xJXo-:focus span {\n box-shadow: 0px 0px calc(16px / 4) calc(16px / 8)\n rgb(231, 213, 87);\n box-shadow: var(--shadow-focus);\n}\n\n.kqof65gyv7g- {\n border-top-color: rgb(125, 176, 14);\n border-top-color: var(--color-interactive);\n border-bottom-color: rgba(255, 255, 255, 1);\n border-bottom-color: var(--color-surface);\n}\n\n.kqof65gyv7g-:focus {\n background-color: transparent;\n}\n\n.AimQioztR1U- {\n padding-top: calc(16px * 1);\n padding-top: var(--tab--inset);\n padding-bottom: calc(16px * 1);\n padding-bottom: var(--tab--inset);\n padding-left: calc(16px * 1);\n padding-left: var(--public-tab--inset);\n padding-right: calc(16px * 1);\n padding-right: var(--public-tab--inset);\n}\n";
|
|
16
16
|
var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
|
|
17
17
|
styleInject_es.styleInject(css_248z);
|
|
18
18
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "4.22.
|
|
3
|
+
"version": "4.22.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"> 1%",
|
|
84
84
|
"IE 10"
|
|
85
85
|
],
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "2d2166db41ceeadc0f243f08046cddeb6a9ad3c3"
|
|
87
87
|
}
|