country-react-select - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/cjs/components/CityPicker.d.ts

 /// <reference types="react" />
-type Props = {
+type CityPickerProps = {
     onChange: (item: any) => void;
-    item: any;
-    country: any;
-    state: any;
+    value: any;
+    country: string;
+    state: string;
     placeholder?: string;
 };
-declare const CityPicker: (props: Props) => JSX.Element;
+declare const CityPicker: (props: CityPickerProps) => JSX.Element;
 export default CityPicker;

dist/cjs/components/CityPicker.js

@@ -8,10 +8,10 @@ "use strict";
 var CityPicker = function (props) {
-    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, item = props.item, country = props.country, state = props.state;
+    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, value = props.value, country = props.country, state = props.state;
     var _b = (0, react_1.useState)([]), selectedOptions = _b[0], setSelectedOptions = _b[1];
     var promiseOptions = function (inputValue) { return (0, AddressApi_1.getCities)(country, state, inputValue); };
     (0, react_1.useEffect)(function () {
-        if (item) {
-            setSelectedOptions(item);
+        if (value) {
+            setSelectedOptions(value);
         }
-    }, [item]);
+    }, [value]);
     return (react_1["default"].createElement(async_1["default"], { cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
@@ -18,0 +18,0 @@ setSelectedOptions(value);

dist/cjs/components/CountryPicker.d.ts

 /// <reference types="react" />
-type Props = {
+type CountryPickerProps = {
     onChange: (items: any) => void;
-    item: any;
+    value: any;
     placeholder?: string;
+    isDisabled?: boolean;
+    isMulti?: boolean;
 };
-declare const CountryPicker: (props: Props) => JSX.Element;
+declare const CountryPicker: (props: CountryPickerProps) => JSX.Element;
 export default CountryPicker;

dist/cjs/components/CountryPicker.js

@@ -8,11 +8,11 @@ "use strict";
 var CountryPicker = function (props) {
-    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, item = props.item;
-    var _b = (0, react_1.useState)([]), selectedOptions = _b[0], setSelectedOptions = _b[1];
+    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, value = props.value, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isMulti, isMulti = _c === void 0 ? false : _c;
+    var _d = (0, react_1.useState)([]), selectedOptions = _d[0], setSelectedOptions = _d[1];
     var promiseOptions = function (inputValue) { return (0, AddressApi_1.getCountries)(inputValue); };
     (0, react_1.useEffect)(function () {
-        if (item) {
-            setSelectedOptions(item);
+        if (value) {
+            setSelectedOptions(value);
         }
-    }, [item]);
-    return (react_1["default"].createElement(async_1["default"], { cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
+    }, [value]);
+    return (react_1["default"].createElement(async_1["default"], { isDisabled: isDisabled, isMulti: isMulti, cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
             setSelectedOptions(value);
@@ -19,0 +19,0 @@ onChange(value);

dist/cjs/components/StatePicker.d.ts

 /// <reference types="react" />
-type Props = {
+type StatePickerProps = {
     onChange: (items: any) => void;
-    item: any;
+    value: any;
     country: string;
     placeholder?: string;
 };
-declare const StatePicker: (props: Props) => JSX.Element;
+declare const StatePicker: (props: StatePickerProps) => JSX.Element;
 export default StatePicker;

dist/cjs/components/StatePicker.js

@@ -8,10 +8,10 @@ "use strict";
 var StatePicker = function (props) {
-    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, item = props.item, country = props.country;
+    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, value = props.value, country = props.country;
     var _b = (0, react_1.useState)([]), selectedOptions = _b[0], setSelectedOptions = _b[1];
     var promiseOptions = function (inputValue) { return (0, AddressApi_1.getStates)(country, inputValue); };
     (0, react_1.useEffect)(function () {
-        if (item) {
-            setSelectedOptions(item.toJS());
+        if (value) {
+            setSelectedOptions(value);
         }
-    }, [item]);
+    }, [value]);
     return (react_1["default"].createElement(async_1["default"], { cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
@@ -18,0 +18,0 @@ setSelectedOptions(value);

dist/cjs/index.d.ts

 import CountryPicker from './components/CountryPicker';
-export { CountryPicker };
+import StatePicker from './components/StatePicker';
+import CityPicker from './components/CityPicker';
+export { CountryPicker, StatePicker, CityPicker };

dist/cjs/index.js

 "use strict";
 exports.__esModule = true;
-exports.CountryPicker = void 0;
+exports.CityPicker = exports.StatePicker = exports.CountryPicker = void 0;
 var tslib_1 = require("tslib");
 var CountryPicker_1 = tslib_1.__importDefault(require("./components/CountryPicker"));
 exports.CountryPicker = CountryPicker_1["default"];
+var StatePicker_1 = tslib_1.__importDefault(require("./components/StatePicker"));
+exports.StatePicker = StatePicker_1["default"];
+var CityPicker_1 = tslib_1.__importDefault(require("./components/CityPicker"));
+exports.CityPicker = CityPicker_1["default"];
 //# sourceMappingURL=index.js.map

dist/esm/components/CityPicker.d.ts

 /// <reference types="react" />
-type Props = {
+type CityPickerProps = {
     onChange: (item: any) => void;
-    item: any;
-    country: any;
-    state: any;
+    value: any;
+    country: string;
+    state: string;
     placeholder?: string;
 };
-declare const CityPicker: (props: Props) => JSX.Element;
+declare const CityPicker: (props: CityPickerProps) => JSX.Element;
 export default CityPicker;

dist/esm/components/CityPicker.js

@@ -5,10 +5,10 @@ import React, { useState, useEffect } from 'react';
 var CityPicker = function (props) {
-    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, item = props.item, country = props.country, state = props.state;
+    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, value = props.value, country = props.country, state = props.state;
     var _b = useState([]), selectedOptions = _b[0], setSelectedOptions = _b[1];
     var promiseOptions = function (inputValue) { return getCities(country, state, inputValue); };
     useEffect(function () {
-        if (item) {
-            setSelectedOptions(item);
+        if (value) {
+            setSelectedOptions(value);
         }
-    }, [item]);
+    }, [value]);
     return (React.createElement(AsyncSelect, { cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
@@ -15,0 +15,0 @@ setSelectedOptions(value);

dist/esm/components/CountryPicker.d.ts

 /// <reference types="react" />
-type Props = {
+type CountryPickerProps = {
     onChange: (items: any) => void;
-    item: any;
+    value: any;
     placeholder?: string;
+    isDisabled?: boolean;
+    isMulti?: boolean;
 };
-declare const CountryPicker: (props: Props) => JSX.Element;
+declare const CountryPicker: (props: CountryPickerProps) => JSX.Element;
 export default CountryPicker;

dist/esm/components/CountryPicker.js

@@ -5,11 +5,11 @@ import React, { useState, useEffect } from 'react';
 var CountryPicker = function (props) {
-    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, item = props.item;
-    var _b = useState([]), selectedOptions = _b[0], setSelectedOptions = _b[1];
+    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, value = props.value, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isMulti, isMulti = _c === void 0 ? false : _c;
+    var _d = useState([]), selectedOptions = _d[0], setSelectedOptions = _d[1];
     var promiseOptions = function (inputValue) { return getCountries(inputValue); };
     useEffect(function () {
-        if (item) {
-            setSelectedOptions(item);
+        if (value) {
+            setSelectedOptions(value);
         }
-    }, [item]);
-    return (React.createElement(AsyncSelect, { cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
+    }, [value]);
+    return (React.createElement(AsyncSelect, { isDisabled: isDisabled, isMulti: isMulti, cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
             setSelectedOptions(value);
@@ -16,0 +16,0 @@ onChange(value);

dist/esm/components/StatePicker.d.ts

 /// <reference types="react" />
-type Props = {
+type StatePickerProps = {
     onChange: (items: any) => void;
-    item: any;
+    value: any;
     country: string;
     placeholder?: string;
 };
-declare const StatePicker: (props: Props) => JSX.Element;
+declare const StatePicker: (props: StatePickerProps) => JSX.Element;
 export default StatePicker;

dist/esm/components/StatePicker.js

@@ -5,10 +5,10 @@ import React, { useState, useEffect } from 'react';
 var StatePicker = function (props) {
-    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, item = props.item, country = props.country;
+    var onChange = props.onChange, _a = props.placeholder, placeholder = _a === void 0 ? '' : _a, value = props.value, country = props.country;
     var _b = useState([]), selectedOptions = _b[0], setSelectedOptions = _b[1];
     var promiseOptions = function (inputValue) { return getStates(country, inputValue); };
     useEffect(function () {
-        if (item) {
-            setSelectedOptions(item.toJS());
+        if (value) {
+            setSelectedOptions(value);
         }
-    }, [item]);
+    }, [value]);
     return (React.createElement(AsyncSelect, { cacheOptions: true, value: selectedOptions, classNamePrefix: placeholder, loadOptions: promiseOptions, onChange: function (value) {
@@ -15,0 +15,0 @@ setSelectedOptions(value);

dist/esm/index.d.ts

 import CountryPicker from './components/CountryPicker';
-export { CountryPicker };
+import StatePicker from './components/StatePicker';
+import CityPicker from './components/CityPicker';
+export { CountryPicker, StatePicker, CityPicker };

dist/esm/index.js

 import CountryPicker from './components/CountryPicker';
-export { CountryPicker };
+import StatePicker from './components/StatePicker';
+import CityPicker from './components/CityPicker';
+export { CountryPicker, StatePicker, CityPicker };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "country-react-select",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React select component for Country, State, City databases. It supports country, state and city dropdown in Reactjs.",
@@ -30,2 +30,5 @@ "main": "./dist/cjs/index.js",
     "typescript",
+    "select",
+    "combobox",
+    "ui",
     "country-state-picker",
@@ -32,0 +35,0 @@ "country-state-select"

New alerts

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

30524

increased by18.26%

Number of package files

33

increased by6.45%

Lines of code

320

increased by4.58%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

97

increased byInfinity%

Worsened metrics

Number of low license alerts

1

increased byInfinity%

No dependency changes