@pisell/materials 6.0.4 → 6.0.5

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -109,15 +109,17 @@ var PhoneInput = function PhoneInput(_ref) {
     },
     onBlur: handleBlur,
     popupMatchSelectWidth: false,
-    optionLabelProp: "label",
-    showSearch: true
-  }, countries.map(function (country) {
-    return /*#__PURE__*/React.createElement(Option, {
-      key: country.code,
-      value: country.code,
-      label: country.prefix
-    }, translationOriginal(country.name), " (", country.prefix, ")");
-  })), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    optionLabelProp: "inputValue",
+    optionFilterProp: "label",
+    showSearch: true,
+    options: countries.map(function (country) {
+      return {
+        value: country.code,
+        label: "".concat(translationOriginal(country.name), " (").concat(country.prefix, ")"),
+        inputValue: country.prefix
+      };
+    })
+  }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     status: status,
     type: "tel",
     value: phoneNumber,

package/es/components/select/index.js

@@ -41,7 +41,7 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     setSearchValue = _useState2[1];
   var filteredOptions = useMemo(function () {
     if (!searchValue) return options;
-    return options.filter(function (option) {
+    return (options || []).filter(function (option) {
       var _option$optionFilterP;
       var optionValue = ((_option$optionFilterP = option[optionFilterProp]) === null || _option$optionFilterP === void 0 ? void 0 : _option$optionFilterP.toString().toLowerCase()) || '';
       return optionValue.includes(searchValue.toLowerCase());

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -111,21 +111,15 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
       style: { width: "90px" },
       onBlur: handleBlur,
       popupMatchSelectWidth: false,
-      optionLabelProp: "label",
-      showSearch: true
-    },
-    countries.map((country) => /* @__PURE__ */ import_react.default.createElement(
-      Option,
-      {
-        key: country.code,
+      optionLabelProp: "inputValue",
+      optionFilterProp: "label",
+      showSearch: true,
+      options: countries.map((country) => ({
         value: country.code,
-        label: country.prefix
-      },
-      translationOriginal(country.name),
-      " (",
-      country.prefix,
-      ")"
-    ))
+        label: `${translationOriginal(country.name)} (${country.prefix})`,
+        inputValue: country.prefix
+      }))
+    }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {

package/lib/components/select/index.js

@@ -63,7 +63,7 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
   const filteredOptions = (0, import_react.useMemo)(() => {
     if (!searchValue)
       return options;
-    return options.filter(
+    return (options || []).filter(
       (option) => {
         var _a;
         const optionValue = ((_a = option[optionFilterProp]) == null ? void 0 : _a.toString().toLowerCase()) || "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -65,8 +65,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
-    "@pisell/icon": "0.0.11",
     "@pisell/utils": "1.0.42",
+    "@pisell/icon": "0.0.11",
     "@pisell/date-picker": "1.0.100"
   },
   "peerDependencies": {