@webiny/ui 5.40.0-beta.3 → 5.40.0-beta.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.
- package/DelayedOnChange/DelayedOnChange.d.ts +4 -4
- package/DelayedOnChange/DelayedOnChange.js +13 -13
- package/DelayedOnChange/DelayedOnChange.js.map +1 -1
- package/DelayedOnChange/index.d.ts +1 -1
- package/DelayedOnChange/index.js +15 -7
- package/DelayedOnChange/index.js.map +1 -1
- package/DelayedOnChange/withDelayedOnChange.js +2 -2
- package/DelayedOnChange/withDelayedOnChange.js.map +1 -1
- package/package.json +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface ApplyValueCb {
|
|
3
|
-
(value: string
|
|
2
|
+
export interface ApplyValueCb {
|
|
3
|
+
(value: string): void;
|
|
4
4
|
}
|
|
5
5
|
/**
|
|
6
6
|
* This component is used to wrap Input and Textarea components to optimize form re-render.
|
|
@@ -11,7 +11,7 @@ interface ApplyValueCb {
|
|
|
11
11
|
* The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
|
|
12
12
|
* a user stops typing for given period of time (400ms by default).
|
|
13
13
|
*/
|
|
14
|
-
interface OnChangeCallable {
|
|
14
|
+
export interface OnChangeCallable {
|
|
15
15
|
(value: string, cb?: ApplyValueCb): void;
|
|
16
16
|
}
|
|
17
17
|
interface OnBlurCallable {
|
|
@@ -36,4 +36,4 @@ export interface DelayedOnChangeProps {
|
|
|
36
36
|
children: React.ReactNode | ChildrenCallable;
|
|
37
37
|
}
|
|
38
38
|
export declare const DelayedOnChange: ({ children, ...other }: DelayedOnChangeProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
39
|
-
export
|
|
39
|
+
export {};
|
|
@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.DelayedOnChange = void 0;
|
|
9
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
@@ -28,6 +28,7 @@ var emptyFunction = function emptyFunction() {
|
|
|
28
28
|
var DelayedOnChange = exports.DelayedOnChange = function DelayedOnChange(_ref) {
|
|
29
29
|
var children = _ref.children,
|
|
30
30
|
other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
31
|
+
var firstMount = (0, _react.useRef)(true);
|
|
31
32
|
var onChange = other.onChange,
|
|
32
33
|
_other$delay = other.delay,
|
|
33
34
|
delay = _other$delay === void 0 ? 400 : _other$delay,
|
|
@@ -44,13 +45,12 @@ var DelayedOnChange = exports.DelayedOnChange = function DelayedOnChange(_ref) {
|
|
|
44
45
|
}, [initialValue]);
|
|
45
46
|
var localTimeout = _react.default.useRef(null);
|
|
46
47
|
var applyValue = function applyValue(value) {
|
|
47
|
-
var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : emptyFunction;
|
|
48
48
|
localTimeout.current && clearTimeout(localTimeout.current);
|
|
49
49
|
localTimeout.current = null;
|
|
50
50
|
if (!onChange) {
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
|
-
onChange(value
|
|
53
|
+
onChange(value);
|
|
54
54
|
};
|
|
55
55
|
var onChangeLocal = _react.default.useCallback(function (value) {
|
|
56
56
|
setValue(value);
|
|
@@ -76,6 +76,10 @@ var DelayedOnChange = exports.DelayedOnChange = function DelayedOnChange(_ref) {
|
|
|
76
76
|
};
|
|
77
77
|
}, []);
|
|
78
78
|
(0, _react.useEffect)(function () {
|
|
79
|
+
if (firstMount.current) {
|
|
80
|
+
firstMount.current = false;
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
79
83
|
onValueStateChanged(value || "");
|
|
80
84
|
}, [value]);
|
|
81
85
|
var newProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
|
|
@@ -94,22 +98,19 @@ var DelayedOnChange = exports.DelayedOnChange = function DelayedOnChange(_ref) {
|
|
|
94
98
|
return;
|
|
95
99
|
}
|
|
96
100
|
ev.persist();
|
|
97
|
-
applyValue(ev.target.value
|
|
98
|
-
|
|
99
|
-
});
|
|
101
|
+
applyValue(ev.target.value);
|
|
102
|
+
realOnBlur(ev);
|
|
100
103
|
};
|
|
101
104
|
|
|
102
105
|
// Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.
|
|
103
106
|
var onKeyDown = function onKeyDown(ev) {
|
|
104
107
|
ev.persist();
|
|
105
108
|
if (ev.key === "Tab") {
|
|
106
|
-
applyValue(ev.target.value
|
|
107
|
-
|
|
108
|
-
});
|
|
109
|
+
applyValue(ev.target.value);
|
|
110
|
+
realOnKeyDown(ev);
|
|
109
111
|
} else if (ev.key === "Enter" && props["data-on-enter"]) {
|
|
110
|
-
applyValue(ev.target.value
|
|
111
|
-
|
|
112
|
-
});
|
|
112
|
+
applyValue(ev.target.value);
|
|
113
|
+
realOnKeyDown(ev);
|
|
113
114
|
} else {
|
|
114
115
|
realOnKeyDown(ev);
|
|
115
116
|
}
|
|
@@ -119,6 +120,5 @@ var DelayedOnChange = exports.DelayedOnChange = function DelayedOnChange(_ref) {
|
|
|
119
120
|
onKeyDown: onKeyDown
|
|
120
121
|
}));
|
|
121
122
|
};
|
|
122
|
-
var _default = exports.default = DelayedOnChange;
|
|
123
123
|
|
|
124
124
|
//# sourceMappingURL=DelayedOnChange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_excluded","emptyFunction","undefined","DelayedOnChange","exports","_ref","children","other","_objectWithoutProperties2","default","onChange","_other$delay","delay","initialValue","value","_useState","useState","_useState2","_slicedToArray2","setValue","useEffect","localTimeout","React","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_excluded","emptyFunction","undefined","DelayedOnChange","exports","_ref","children","other","_objectWithoutProperties2","default","firstMount","useRef","onChange","_other$delay","delay","initialValue","value","_useState","useState","_useState2","_slicedToArray2","setValue","useEffect","localTimeout","React","applyValue","current","clearTimeout","onChangeLocal","useCallback","onValueStateChanged","nextValue","setTimeout","newProps","_objectSpread2","renderProp","child","cloneElement","props","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nconst emptyFunction = (): undefined => {\n return undefined;\n};\n\nexport interface ApplyValueCb {\n (value: string): void;\n}\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\nexport interface OnChangeCallable {\n (value: string, cb?: ApplyValueCb): void;\n}\n\ninterface OnBlurCallable {\n (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams {\n value: string;\n onChange: OnChangeCallable;\n}\n\ninterface ChildrenCallable {\n (params: ChildrenCallableParams): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps {\n value?: string;\n delay?: number;\n onChange?: OnChangeCallable;\n onBlur?: OnBlurCallable;\n onKeyDown?: OnKeyDownCallable;\n children: React.ReactNode | ChildrenCallable;\n}\n\nexport const DelayedOnChange = ({ children, ...other }: DelayedOnChangeProps) => {\n const firstMount = useRef(true);\n const { onChange, delay = 400, value: initialValue } = other;\n const [value, setValue] = useState<string | undefined>(initialValue);\n // Sync state and props\n useEffect(() => {\n if (initialValue !== value) {\n setValue(initialValue);\n }\n }, [initialValue]);\n\n const localTimeout = React.useRef<number | null>(null);\n\n const applyValue = (value: string) => {\n localTimeout.current && clearTimeout(localTimeout.current);\n localTimeout.current = null;\n if (!onChange) {\n return;\n }\n onChange(value);\n };\n\n const onChangeLocal = React.useCallback((value: string) => {\n setValue(value);\n }, []);\n\n // this is fired upon change value state\n const onValueStateChanged = (nextValue: string) => {\n localTimeout.current && clearTimeout(localTimeout.current);\n localTimeout.current = null;\n localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n };\n\n // need to clear the timeout when unmounting the component\n useEffect(() => {\n return () => {\n if (!localTimeout.current) {\n return;\n }\n clearTimeout(localTimeout.current);\n localTimeout.current = null;\n };\n }, []);\n\n useEffect(() => {\n if (firstMount.current) {\n firstMount.current = false;\n return;\n }\n\n onValueStateChanged(value || \"\");\n }, [value]);\n\n const newProps = {\n ...other,\n value: value || \"\",\n onChange: onChangeLocal\n };\n\n const renderProp = typeof children === \"function\" ? (children as ChildrenCallable) : null;\n const child = renderProp\n ? renderProp(newProps)\n : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n const props = { ...child.props };\n const realOnKeyDown = props.onKeyDown || emptyFunction;\n const realOnBlur = props.onBlur || emptyFunction;\n\n // Need to apply value if input lost focus\n const onBlur: OnBlurCallable = ev => {\n if (!ev[\"persist\"]) {\n return;\n }\n ev.persist();\n applyValue((ev.target as HTMLInputElement).value);\n realOnBlur(ev);\n };\n\n // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n const onKeyDown: OnKeyDownCallable = ev => {\n ev.persist();\n if (ev.key === \"Tab\") {\n applyValue((ev.target as HTMLInputElement).value);\n realOnKeyDown(ev);\n } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n applyValue((ev.target as HTMLInputElement).value);\n realOnKeyDown(ev);\n } else {\n realOnKeyDown(ev);\n }\n };\n\n return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from "./DelayedOnChange";
|
|
2
2
|
export { default as withDelayedOnChange } from "./withDelayedOnChange";
|
package/DelayedOnChange/index.js
CHANGED
|
@@ -4,19 +4,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return _DelayedOnChange.default;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
7
|
+
var _exportNames = {
|
|
8
|
+
withDelayedOnChange: true
|
|
9
|
+
};
|
|
13
10
|
Object.defineProperty(exports, "withDelayedOnChange", {
|
|
14
11
|
enumerable: true,
|
|
15
12
|
get: function get() {
|
|
16
13
|
return _withDelayedOnChange.default;
|
|
17
14
|
}
|
|
18
15
|
});
|
|
19
|
-
var _DelayedOnChange =
|
|
16
|
+
var _DelayedOnChange = require("./DelayedOnChange");
|
|
17
|
+
Object.keys(_DelayedOnChange).forEach(function (key) {
|
|
18
|
+
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
20
|
+
if (key in exports && exports[key] === _DelayedOnChange[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _DelayedOnChange[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
20
28
|
var _withDelayedOnChange = _interopRequireDefault(require("./withDelayedOnChange"));
|
|
21
29
|
|
|
22
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_DelayedOnChange","
|
|
1
|
+
{"version":3,"names":["_DelayedOnChange","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_withDelayedOnChange","_interopRequireDefault"],"sources":["index.ts"],"sourcesContent":["export * from \"./DelayedOnChange\";\nexport { default as withDelayedOnChange } from \"./withDelayedOnChange\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,oBAAA,GAAAC,sBAAA,CAAAd,OAAA","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = withDelayedOnChange;
|
|
8
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _DelayedOnChange =
|
|
10
|
+
var _DelayedOnChange = require("./DelayedOnChange");
|
|
11
11
|
var _excluded = ["value", "onChange"];
|
|
12
12
|
function withDelayedOnChange() {
|
|
13
13
|
return function decorator(Component) {
|
|
@@ -15,7 +15,7 @@ function withDelayedOnChange() {
|
|
|
15
15
|
var value = props.value,
|
|
16
16
|
onChange = props.onChange,
|
|
17
17
|
rest = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
|
|
19
19
|
value: value,
|
|
20
20
|
onChange: onChange
|
|
21
21
|
}, function (_ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_DelayedOnChange","_excluded","withDelayedOnChange","decorator","Component","WithDelayedOnChange","props","value","onChange","rest","_objectWithoutProperties2","default","createElement","_ref","Object","assign"],"sources":["withDelayedOnChange.tsx"],"sourcesContent":["import React from \"react\";\nimport
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_DelayedOnChange","_excluded","withDelayedOnChange","decorator","Component","WithDelayedOnChange","props","value","onChange","rest","_objectWithoutProperties2","default","createElement","DelayedOnChange","_ref","Object","assign"],"sources":["withDelayedOnChange.tsx"],"sourcesContent":["import React from \"react\";\nimport { DelayedOnChange, DelayedOnChangeProps } from \"./DelayedOnChange\";\n\nexport default function withDelayedOnChange() {\n return function decorator(Component: React.ComponentType<DelayedOnChangeProps>) {\n return function WithDelayedOnChange(props: DelayedOnChangeProps) {\n const { value, onChange, ...rest } = props;\n return (\n <DelayedOnChange value={value} onChange={onChange}>\n {({ value, onChange }) => (\n <Component {...rest} value={value} onChange={onChange} />\n )}\n </DelayedOnChange>\n );\n };\n };\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAA0E,IAAAE,SAAA;AAE3D,SAASC,mBAAmBA,CAAA,EAAG;EAC1C,OAAO,SAASC,SAASA,CAACC,SAAoD,EAAE;IAC5E,OAAO,SAASC,mBAAmBA,CAACC,KAA2B,EAAE;MAC7D,IAAQC,KAAK,GAAwBD,KAAK,CAAlCC,KAAK;QAAEC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;QAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKL,KAAK,EAAAL,SAAA;MAC1C,oBACIJ,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAa,eAAe;QAACN,KAAK,EAAEA,KAAM;QAACC,QAAQ,EAAEA;MAAS,GAC7C,UAAAM,IAAA;QAAA,IAAGP,KAAK,GAAAO,IAAA,CAALP,KAAK;UAAEC,QAAQ,GAAAM,IAAA,CAARN,QAAQ;QAAA,oBACfX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,SAAS,EAAAW,MAAA,CAAAC,MAAA,KAAKP,IAAI;UAAEF,KAAK,EAAEA,KAAM;UAACC,QAAQ,EAAEA;QAAS,EAAE,CAAC;MAAA,CAEhD,CAAC;IAE1B,CAAC;EACL,CAAC;AACL","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/ui",
|
|
3
|
-
"version": "5.40.0-beta.
|
|
3
|
+
"version": "5.40.0-beta.4",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -81,10 +81,10 @@
|
|
|
81
81
|
"@types/react-custom-scrollbars": "4.0.10",
|
|
82
82
|
"@types/react-transition-group": "4.4.5",
|
|
83
83
|
"@types/shortid": "0.0.29",
|
|
84
|
-
"@webiny/cli": "5.40.0-beta.
|
|
85
|
-
"@webiny/form": "5.40.0-beta.
|
|
86
|
-
"@webiny/project-utils": "5.40.0-beta.
|
|
87
|
-
"@webiny/validation": "5.40.0-beta.
|
|
84
|
+
"@webiny/cli": "5.40.0-beta.4",
|
|
85
|
+
"@webiny/form": "5.40.0-beta.4",
|
|
86
|
+
"@webiny/project-utils": "5.40.0-beta.4",
|
|
87
|
+
"@webiny/validation": "5.40.0-beta.4",
|
|
88
88
|
"babel-loader": "9.1.2",
|
|
89
89
|
"execa": "5.1.1",
|
|
90
90
|
"jest-dom": "3.5.0",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
]
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "42f3b1c985d6f8317d5c1084838b43a270c79f01"
|
|
127
127
|
}
|