@proprioo/salatim 28.4.2 → 28.4.3
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 +4 -0
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.js +1 -1
- package/lib/phone/src/phoneInput/Phone.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.test.js +25 -18
- package/lib/phone/src/phoneInput/Phone.test.js.map +1 -1
- package/package.json +1 -1
|
@@ -33,7 +33,7 @@ const metadata_custom_json_1 = __importDefault(require("../metadata.custom.json"
|
|
|
33
33
|
const constants_1 = require("./constants");
|
|
34
34
|
const Phone_styles_1 = require("./Phone.styles");
|
|
35
35
|
const Phone = ({ id, disabled, value, handleBlur, handleOnChange, handleFocus, dataTest, required = false, phoneWithFlags = true }) => {
|
|
36
|
-
const [phoneValue, setPhoneValue] = (0, react_1.useState)(
|
|
36
|
+
const [phoneValue, setPhoneValue] = (0, react_1.useState)(value || '');
|
|
37
37
|
const handleInputChange = (phone) => {
|
|
38
38
|
if (phone !== phoneValue) {
|
|
39
39
|
handleOnChange({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA4C;AAE5C,+CAAsD;AAEtD,yEAAuD;AAGvD,mFAA+C;AAC/C,2CAAgE;AAChE,iDAA8C;AAE9C,MAAM,KAAK,GAAmB,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,KAAK,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,IAAI,EACtB,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAqB,
|
|
1
|
+
{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA4C;AAE5C,+CAAsD;AAEtD,yEAAuD;AAGvD,mFAA+C;AAC/C,2CAAgE;AAChE,iDAA8C;AAE9C,MAAM,KAAK,GAAmB,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,KAAK,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,IAAI,EACtB,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAqB,KAAK,IAAI,EAAE,CAAC,CAAC;IAE9E,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,IAAI,KAAK,KAAK,UAAU,EAAE;YACxB,cAAc,CAAC;gBACb,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE;aAC/C,CAAC,CAAC;SACJ;QAED,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,2BAAY,iBACA,QAAQ,IAAI,eAAe,EACtC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,cAAc;QAE9B,8BAAC,cAAU,IACT,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,8BAAoB,eACpB,aAAa,EACvB,cAAc,EAAE,0BAAc,EAC9B,SAAS,EAAE,qBAAS,EACpB,OAAO,EAAC,+CAA+C,EACvD,MAAM,EAAE,kBAAM,EACd,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,iBAAiB,EAC3B,kBAAkB,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,8BAAC,gBAAQ,OAAG,EAAE,GAC1D,CACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -41,18 +41,18 @@ const react_2 = require("@testing-library/react");
|
|
|
41
41
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
42
42
|
const Input_1 = require("../../../ui/src/input/Input");
|
|
43
43
|
const Phone_1 = __importDefault(require("./Phone"));
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const
|
|
44
|
+
const mockHandleBlur = jest.fn();
|
|
45
|
+
const mockHandleFocus = jest.fn();
|
|
46
|
+
const mockHandleOnChange = jest.fn();
|
|
47
47
|
const defaultProps = {
|
|
48
48
|
id: '1',
|
|
49
49
|
disabled: false,
|
|
50
50
|
focused: false,
|
|
51
51
|
type: Input_1.InputType.TEXT,
|
|
52
52
|
value: '',
|
|
53
|
-
handleBlur:
|
|
54
|
-
handleFocus:
|
|
55
|
-
handleOnChange:
|
|
53
|
+
handleBlur: mockHandleBlur,
|
|
54
|
+
handleFocus: mockHandleFocus,
|
|
55
|
+
handleOnChange: mockHandleOnChange
|
|
56
56
|
};
|
|
57
57
|
describe('Phone', () => {
|
|
58
58
|
it('should equal snapshot rendering', () => {
|
|
@@ -62,45 +62,52 @@ describe('Phone', () => {
|
|
|
62
62
|
it('should trigger handleFocus', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
63
63
|
(0, react_2.render)(react_1.default.createElement(react_1.Fragment, null,
|
|
64
64
|
react_1.default.createElement(Phone_1.default, Object.assign({}, defaultProps)),
|
|
65
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "
|
|
65
|
+
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
66
66
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
67
|
-
expect(
|
|
67
|
+
expect(mockHandleFocus).toHaveBeenCalled();
|
|
68
68
|
}));
|
|
69
69
|
it('should trigger handleBlur', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
70
70
|
(0, react_2.render)(react_1.default.createElement(react_1.Fragment, null,
|
|
71
71
|
react_1.default.createElement(Phone_1.default, Object.assign({}, defaultProps)),
|
|
72
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "
|
|
72
|
+
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
73
73
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
74
74
|
yield user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
75
|
-
expect(
|
|
75
|
+
expect(mockHandleBlur).toHaveBeenCalled();
|
|
76
76
|
}));
|
|
77
77
|
it('should trigger handleOnChange', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
78
78
|
(0, react_2.render)(react_1.default.createElement(Phone_1.default, Object.assign({}, defaultProps)));
|
|
79
79
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '0686106094');
|
|
80
80
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '06 86 10 60 94');
|
|
81
|
-
expect(
|
|
81
|
+
expect(mockHandleOnChange).toHaveBeenLastCalledWith({
|
|
82
82
|
target: { selectionStart: null, value: '+33686106094' }
|
|
83
83
|
});
|
|
84
84
|
}));
|
|
85
85
|
it('should trigger only once handleOnChange when phone input is empty', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
86
86
|
(0, react_2.render)(react_1.default.createElement(Phone_1.default, Object.assign({}, defaultProps)));
|
|
87
87
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '06');
|
|
88
|
-
expect(
|
|
88
|
+
expect(mockHandleOnChange).toHaveBeenCalledWith({
|
|
89
89
|
target: { selectionStart: null, value: '+336' }
|
|
90
90
|
});
|
|
91
|
-
|
|
91
|
+
mockHandleOnChange.mockReset();
|
|
92
92
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '{backspace}');
|
|
93
|
-
expect(
|
|
93
|
+
expect(mockHandleOnChange).toHaveBeenCalledWith({
|
|
94
94
|
target: { selectionStart: null, value: '+33' }
|
|
95
95
|
});
|
|
96
|
-
|
|
96
|
+
mockHandleOnChange.mockReset();
|
|
97
97
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '{backspace}');
|
|
98
|
-
expect(
|
|
98
|
+
expect(mockHandleOnChange).toHaveBeenCalledWith({
|
|
99
99
|
target: { selectionStart: null, value: undefined }
|
|
100
100
|
});
|
|
101
|
-
|
|
101
|
+
mockHandleOnChange.mockReset();
|
|
102
102
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '{backspace}');
|
|
103
|
-
expect(
|
|
103
|
+
expect(mockHandleOnChange).not.toHaveBeenCalled();
|
|
104
|
+
}));
|
|
105
|
+
it('should trigger handleOnChange when clearing complete value', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
106
|
+
(0, react_2.render)(react_1.default.createElement(Phone_1.default, Object.assign({}, defaultProps, { value: "+33686106094" })));
|
|
107
|
+
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
108
|
+
expect(mockHandleOnChange).toHaveBeenCalledWith({
|
|
109
|
+
target: { selectionStart: null, value: undefined }
|
|
110
|
+
});
|
|
104
111
|
}));
|
|
105
112
|
});
|
|
106
113
|
//# sourceMappingURL=Phone.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,8EAA2C;AAE3C,kDAAwD;AACxD,6EAAoD;AAEpD,uDAAoE;AACpE,oDAA4B;AAE5B,MAAM,
|
|
1
|
+
{"version":3,"file":"Phone.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,8EAA2C;AAE3C,kDAAwD;AACxD,6EAAoD;AAEpD,uDAAoE;AACpE,oDAA4B;AAE5B,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACjC,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAClC,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAErC,MAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,GAAG;IACP,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,iBAAS,CAAC,IAAI;IACpB,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,cAAc;IAC1B,WAAW,EAAE,eAAe;IAC5B,cAAc,EAAE,kBAAkB;CACnC,CAAC;AAEF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEnE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;QAC1C,IAAA,cAAM,EACJ,8BAAC,gBAAQ;YACP,8BAAC,eAAK,oBAAK,YAAY,EAAI;YAC3B,oDAAe,YAAY,oBAAoB,CACtC,CACZ,CAAC;QAEF,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,eAAe,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC7C,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAS,EAAE;QACzC,IAAA,cAAM,EACJ,8BAAC,gBAAQ;YACP,8BAAC,eAAK,oBAAK,YAAY,EAAI;YAC3B,oDAAe,YAAY,oBAAoB,CACtC,CACZ,CAAC;QAEF,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QACnD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;QAExD,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC5C,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC7C,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC,CAAC;QAEhE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CACjD,OAAO,EACP,gBAAgB,CACjB,CAAC;QACF,MAAM,CAAC,kBAAkB,CAAC,CAAC,wBAAwB,CAAC;YAClD,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE;SACxD,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,GAAS,EAAE;QACjF,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CAAC;QAExD,MAAM,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC;YAC9C,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;SAChD,CAAC,CAAC;QACH,kBAAkB,CAAC,SAAS,EAAE,CAAC;QAE/B,MAAM,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC;QAEjE,MAAM,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC;YAC9C,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;SAC/C,CAAC,CAAC;QACH,kBAAkB,CAAC,SAAS,EAAE,CAAC;QAE/B,MAAM,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC;QAEjE,MAAM,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC;YAC9C,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;SACnD,CAAC,CAAC;QACH,kBAAkB,CAAC,SAAS,EAAE,CAAC;QAE/B,MAAM,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC;QAEjE,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACpD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE,GAAS,EAAE;QAC1E,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,IAAE,KAAK,EAAC,cAAc,IAAG,CAAC,CAAC;QAEzD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAEnD,MAAM,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC;YAC9C,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;SACnD,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|