@ikatec/nebula-react 1.0.12 → 1.0.13

package/dist/index.js

@@ -1065,6 +1065,7 @@ var input_select_default = messages2;
 // src/i18n/messages/en/input-phone.ts
 var messages3 = {
   countries: {
+    empty: "Select",
     AF: "Afghanistan",
     AX: "\xC5land Islands",
     AL: "Albania",
@@ -1344,6 +1345,7 @@ var input_select_default2 = messages5;
 // src/i18n/messages/es/input-phone.ts
 var messages6 = {
   countries: {
+    empty: "Seleccionar",
     AF: "Afganist\xE1n",
     AX: "Islas \xC5land",
     AL: "Albania",
@@ -1623,6 +1625,7 @@ var input_select_default3 = messages8;
 // src/i18n/messages/pt-br/input-phone.ts
 var messages9 = {
   countries: {
+    empty: "Selecione",
     AF: "Afeganist\xE3o",
     AX: "Ilhas \xC5land",
     AL: "Alb\xE2nia",
@@ -3529,19 +3532,22 @@ var CountrySelect = ({
       /* @__PURE__ */ jsxRuntime.jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "select",
       {
         disabled,
-        value,
+        value: value ?? "empty",
         onChange: handleSelect,
         className: "nebula-ds absolute bg-inputText-background-default inset-0 text-sm opacity-0 text-inputText-text-filled focus:text-inputText-text-focus",
         "aria-label": "Select country",
-        children: options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: option.value, children: [
-          option.value && countries[option.value],
-          " ",
-          option.value && `+${RPNInput__namespace.getCountryCallingCode(option.value)}`
-        ] }, option.value ?? `empty-${i}`))
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "empty", children: countries.empty }),
+          options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: option.value, children: [
+            option.value && countries[option.value],
+            " ",
+            option.value && `+${RPNInput__namespace.getCountryCallingCode(option.value)}`
+          ] }, option.value ?? `empty-${i}`))
+        ]
       }
     )
   ] });
@@ -3632,7 +3638,6 @@ function InputPhone({
       inputComponent: PhoneInput,
       disabled,
       international: true,
-      limitMaxLength: true,
       defaultCountry: isFirstRender && (!value || value === "") ? defaultCountry : valueState ? defaultCountry : void 0,
       countryCallingCodeEditable: true,
       ...props,

package/dist/index.mjs

@@ -1025,6 +1025,7 @@ var input_select_default = messages2;
 // src/i18n/messages/en/input-phone.ts
 var messages3 = {
   countries: {
+    empty: "Select",
     AF: "Afghanistan",
     AX: "\xC5land Islands",
     AL: "Albania",
@@ -1304,6 +1305,7 @@ var input_select_default2 = messages5;
 // src/i18n/messages/es/input-phone.ts
 var messages6 = {
   countries: {
+    empty: "Seleccionar",
     AF: "Afganist\xE1n",
     AX: "Islas \xC5land",
     AL: "Albania",
@@ -1583,6 +1585,7 @@ var input_select_default3 = messages8;
 // src/i18n/messages/pt-br/input-phone.ts
 var messages9 = {
   countries: {
+    empty: "Selecione",
     AF: "Afeganist\xE3o",
     AX: "Ilhas \xC5land",
     AL: "Alb\xE2nia",
@@ -3489,19 +3492,22 @@ var CountrySelect = ({
       /* @__PURE__ */ jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
       /* @__PURE__ */ jsx("span", { className: "nebula-ds text-inputText-text-filled focus:text-inputText-text-focus", children: /* @__PURE__ */ jsx(ChevronDown, { size: 16, "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "select",
       {
         disabled,
-        value,
+        value: value ?? "empty",
         onChange: handleSelect,
         className: "nebula-ds absolute bg-inputText-background-default inset-0 text-sm opacity-0 text-inputText-text-filled focus:text-inputText-text-focus",
         "aria-label": "Select country",
-        children: options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs("option", { value: option.value, children: [
-          option.value && countries[option.value],
-          " ",
-          option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
-        ] }, option.value ?? `empty-${i}`))
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "empty", children: countries.empty }),
+          options.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs("option", { value: option.value, children: [
+            option.value && countries[option.value],
+            " ",
+            option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
+          ] }, option.value ?? `empty-${i}`))
+        ]
       }
     )
   ] });
@@ -3592,7 +3598,6 @@ function InputPhone({
       inputComponent: PhoneInput,
       disabled,
       international: true,
-      limitMaxLength: true,
       defaultCountry: isFirstRender && (!value || value === "") ? defaultCountry : valueState ? defaultCountry : void 0,
       countryCallingCodeEditable: true,
       ...props,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "React components",
   "publishConfig": {
     "access": "public"