You're Invited: Meet the Socket team at BSidesSF and RSAC - April 27 - May 1.RSVP →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

antd-phone-input

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

antd-phone-input - npm Package Compare versions

Comparing version

0.3.1
to
0.3.2

4

index.cjs.js

@@ -184,3 +184,3 @@ "use strict";

setValue(formattedNumber);
}, [clean, countriesList, metadata, onMount, setFieldValue, value]);
}, [clean, countriesList, metadata, onMount, value]);
const countriesSelect = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(select_1.default, { suffixIcon: null, value: selectValue, open: disableDropdown ? false : undefined, onSelect: (selectedOption, { key: mask }) => {

@@ -195,5 +195,5 @@ if (selectValue === selectedOption)

setValue(formattedNumber);
}, optionLabelProp: "label", dropdownStyle: { minWidth }, notFoundContent: searchNotFound, dropdownRender: (menu) => ((0, jsx_runtime_1.jsxs)("div", { className: "ant-phone-input-search-wrapper", children: [enableSearch && ((0, jsx_runtime_1.jsx)(input_1.default, { placeholder: searchPlaceholder, onInput: ({ target }) => setQuery(target.value) })), menu] })), children: countriesList.map(([iso, name, dial, mask]) => ((0, jsx_runtime_1.jsx)(select_1.default.Option, { value: iso + dial, label: (0, jsx_runtime_1.jsx)("div", { className: `flag ${iso}` }), children: (0, jsx_runtime_1.jsxs)("div", { className: "ant-phone-input-select-item", children: [(0, jsx_runtime_1.jsx)("div", { className: `flag ${iso}` }), name, "\u00A0", displayFormat(mask)] }) }, mask))) })), [selectValue, disableDropdown, minWidth, searchNotFound, countriesList, setFieldValue, enableSearch, searchPlaceholder]);
}, optionLabelProp: "label", dropdownStyle: { minWidth }, notFoundContent: searchNotFound, dropdownRender: (menu) => ((0, jsx_runtime_1.jsxs)("div", { className: "ant-phone-input-search-wrapper", children: [enableSearch && ((0, jsx_runtime_1.jsx)(input_1.default, { placeholder: searchPlaceholder, onInput: ({ target }) => setQuery(target.value) })), menu] })), children: countriesList.map(([iso, name, dial, mask]) => ((0, jsx_runtime_1.jsx)(select_1.default.Option, { value: iso + dial, label: (0, jsx_runtime_1.jsx)("div", { className: `flag ${iso}` }), children: (0, jsx_runtime_1.jsxs)("div", { className: "ant-phone-input-select-item", children: [(0, jsx_runtime_1.jsx)("div", { className: `flag ${iso}` }), name, "\u00A0", displayFormat(mask)] }) }, iso + mask))) })), [selectValue, disableDropdown, minWidth, searchNotFound, countriesList, setFieldValue, enableSearch, searchPlaceholder]);
return ((0, jsx_runtime_1.jsx)("div", { className: "ant-phone-input-wrapper", ref: node => setMinWidth((node === null || node === void 0 ? void 0 : node.offsetWidth) || 0), children: (0, jsx_runtime_1.jsx)(input_1.default, Object.assign({ inputMode: "tel", value: value, onInput: onInput, onChange: onChange, onKeyDown: onKeyDown, addonBefore: countriesSelect }, antInputProps)) }));
};
exports.default = PhoneInput;

4

index.js

@@ -179,3 +179,3 @@ var __rest = (this && this.__rest) || function (s, e) {

setValue(formattedNumber);
}, [clean, countriesList, metadata, onMount, setFieldValue, value]);
}, [clean, countriesList, metadata, onMount, value]);
const countriesSelect = useMemo(() => (_jsx(Select, { suffixIcon: null, value: selectValue, open: disableDropdown ? false : undefined, onSelect: (selectedOption, { key: mask }) => {

@@ -190,5 +190,5 @@ if (selectValue === selectedOption)

setValue(formattedNumber);
}, optionLabelProp: "label", dropdownStyle: { minWidth }, notFoundContent: searchNotFound, dropdownRender: (menu) => (_jsxs("div", { className: "ant-phone-input-search-wrapper", children: [enableSearch && (_jsx(Input, { placeholder: searchPlaceholder, onInput: ({ target }) => setQuery(target.value) })), menu] })), children: countriesList.map(([iso, name, dial, mask]) => (_jsx(Select.Option, { value: iso + dial, label: _jsx("div", { className: `flag ${iso}` }), children: _jsxs("div", { className: "ant-phone-input-select-item", children: [_jsx("div", { className: `flag ${iso}` }), name, "\u00A0", displayFormat(mask)] }) }, mask))) })), [selectValue, disableDropdown, minWidth, searchNotFound, countriesList, setFieldValue, enableSearch, searchPlaceholder]);
}, optionLabelProp: "label", dropdownStyle: { minWidth }, notFoundContent: searchNotFound, dropdownRender: (menu) => (_jsxs("div", { className: "ant-phone-input-search-wrapper", children: [enableSearch && (_jsx(Input, { placeholder: searchPlaceholder, onInput: ({ target }) => setQuery(target.value) })), menu] })), children: countriesList.map(([iso, name, dial, mask]) => (_jsx(Select.Option, { value: iso + dial, label: _jsx("div", { className: `flag ${iso}` }), children: _jsxs("div", { className: "ant-phone-input-select-item", children: [_jsx("div", { className: `flag ${iso}` }), name, "\u00A0", displayFormat(mask)] }) }, iso + mask))) })), [selectValue, disableDropdown, minWidth, searchNotFound, countriesList, setFieldValue, enableSearch, searchPlaceholder]);
return (_jsx("div", { className: "ant-phone-input-wrapper", ref: node => setMinWidth((node === null || node === void 0 ? void 0 : node.offsetWidth) || 0), children: _jsx(Input, Object.assign({ inputMode: "tel", value: value, onInput: onInput, onChange: onChange, onKeyDown: onKeyDown, addonBefore: countriesSelect }, antInputProps)) }));
};
export default PhoneInput;

2

metadata/validations.json

@@ -704,3 +704,3 @@ {

"^\\d{6,9}$",
"^(?:[2378]\\d|90)\\d{7}|[23]\\d{5}$"
"^(?:[2378]\\d|62|90)\\d{7}|[23]\\d{5}$"
],

@@ -707,0 +707,0 @@ "rs": [

8

package.json
{
"version": "0.3.1",
"version": "0.3.2",
"name": "antd-phone-input",

@@ -19,9 +19,9 @@ "description": "Advanced, highly customizable phone input component for Ant Design.",

],
"homepage": "https://github.com/ArtyomVancyan/antd-phone-input",
"homepage": "https://github.com/typesnippet/antd-phone-input",
"bugs": {
"url": "https://github.com/ArtyomVancyan/antd-phone-input/issues"
"url": "https://github.com/typesnippet/antd-phone-input/issues"
},
"repository": {
"type": "git",
"url": "https://github.com/ArtyomVancyan/antd-phone-input"
"url": "https://github.com/typesnippet/antd-phone-input"
},

@@ -28,0 +28,0 @@ "exports": {

4

README.md

@@ -6,5 +6,5 @@ # Antd Phone Input

[![types](https://img.shields.io/npm/types/antd-phone-input)](https://www.npmjs.com/package/antd-phone-input)
[![License](https://img.shields.io/npm/l/antd-phone-input)](https://github.com/ArtyomVancyan/antd-phone-input/blob/master/LICENSE)
[![License](https://img.shields.io/npm/l/antd-phone-input)](https://github.com/typesnippet/antd-phone-input/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://makeapullrequest.com)
[![Tests](https://github.com/ArtyomVancyan/antd-phone-input/actions/workflows/tests.yml/badge.svg)](https://github.com/ArtyomVancyan/antd-phone-input/actions/workflows/tests.yml)
[![Tests](https://github.com/typesnippet/antd-phone-input/actions/workflows/tests.yml/badge.svg)](https://github.com/typesnippet/antd-phone-input/actions/workflows/tests.yml)

@@ -11,0 +11,0 @@ Advanced phone input component for [Ant Design](https://github.com/ant-design/ant-design) that provides support for all