@proprioo/salatim 28.4.1 → 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 +9 -0
- package/lib/index.js +979 -979
- 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 +9 -11
|
@@ -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":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@proprioo/salatim",
|
|
3
|
-
"version": "28.4.
|
|
3
|
+
"version": "28.4.3",
|
|
4
4
|
"description": "Proprioo component library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"license": "MIT",
|
|
21
21
|
"scripts": {
|
|
22
22
|
"analyze": "yarn build && mkdir -p explorer && source-map-explorer \"lib/*.js\" --html explorer/index.html",
|
|
23
|
-
"build": "rm -rf lib && tsc --module commonjs && rollup -c rollup.config.ts
|
|
23
|
+
"build": "rm -rf lib && tsc --module commonjs && rollup -c rollup.config.ts",
|
|
24
24
|
"clean": "rm -rf ./node_modules && yarn install",
|
|
25
25
|
"coverage": "yarn test --coverage --logHeapUsage --maxWorkers=2 --verbose && jest-coverage-badges",
|
|
26
26
|
"deploy": "yarn build && yarn publish --access=public --non-interactive",
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
"@commitlint/config-conventional": "^17.2.0",
|
|
44
44
|
"@popperjs/core": "^2.11.6",
|
|
45
45
|
"@proprioo/hokkaido": "^5.1.0",
|
|
46
|
-
"@rollup/plugin-commonjs": "
|
|
47
|
-
"@rollup/plugin-json": "^
|
|
48
|
-
"@rollup/plugin-node-resolve": "^
|
|
49
|
-
"@rollup/plugin-url": "^
|
|
46
|
+
"@rollup/plugin-commonjs": "22.0.2",
|
|
47
|
+
"@rollup/plugin-json": "^4.1.0",
|
|
48
|
+
"@rollup/plugin-node-resolve": "^14.1.0",
|
|
49
|
+
"@rollup/plugin-url": "^7.0.0",
|
|
50
50
|
"@sambego/storybook-state": "^2.0.1",
|
|
51
51
|
"@storybook/addon-actions": "^6.5.13",
|
|
52
52
|
"@storybook/addon-knobs": "^6.4.0",
|
|
@@ -67,10 +67,8 @@
|
|
|
67
67
|
"@types/react-places-autocomplete": "^7.2.9",
|
|
68
68
|
"@types/react-test-renderer": "^18.0.0",
|
|
69
69
|
"@types/react-toggle": "^4.0.3",
|
|
70
|
-
"@types/storybook__addon-actions": "^5.2.1",
|
|
71
|
-
"@types/storybook__react": "^5.2.1",
|
|
72
70
|
"@types/styled-components": "^5.1.26",
|
|
73
|
-
"babel-loader": "^
|
|
71
|
+
"babel-loader": "^8.2.5",
|
|
74
72
|
"babel-preset-react-app": "^10.0.1",
|
|
75
73
|
"date-fns": "^2.29.3",
|
|
76
74
|
"email-validator": "^2.0.4",
|
|
@@ -94,13 +92,13 @@
|
|
|
94
92
|
"react-popper-tooltip": "^4.4.2",
|
|
95
93
|
"react-test-renderer": "^18.2.0",
|
|
96
94
|
"react-toggle": "^4.1.3",
|
|
97
|
-
"rollup": "^
|
|
95
|
+
"rollup": "^2.79.1",
|
|
98
96
|
"rollup-plugin-bundle-size": "^1.0.3",
|
|
99
97
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
100
98
|
"rollup-plugin-postcss": "^4.0.2",
|
|
101
99
|
"rollup-plugin-svgo": "^2.0.0",
|
|
102
100
|
"rollup-plugin-terser": "^7.0.2",
|
|
103
|
-
"rollup-plugin-typescript2": "^0.34.
|
|
101
|
+
"rollup-plugin-typescript2": "^0.34.0",
|
|
104
102
|
"source-map-explorer": "^2.5.3",
|
|
105
103
|
"styled-components": "^5.3.6",
|
|
106
104
|
"ts-jest": "^29.0.3",
|