rbro-tat-uds 2.2.11 → 2.2.13

package/build/cjs/components/CityPicker/CityPicker.cjs

@@ -12,6 +12,7 @@ var utils = require('../../utils');
 var Button = require('../Button/Button.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var cities = require('./cities.cjs');
+var citiesExtended = require('./cities-extended.cjs');
 
 const _size = {
   medium: styled.css`
@@ -41,6 +42,7 @@ const CityPickerStyled = styled.div`
   }
 
   & > input {
+    box-sizing: border-box;
     border-radius: 8px;
     border: none;
     outline: none;
@@ -214,6 +216,7 @@ const CityPicker = ({
   size = "medium",
   intent = "default",
   disabled = false,
+  extend = false,
   ...rest
 }) => {
   const wrapper_reference = React.useRef(null);
@@ -225,16 +228,19 @@ const CityPicker = ({
   const [clasificare, setClasificare] = React.useState("");
   const [labeled, setLabeled] = React.useState("");
   const isDirty = React.useRef(false);
+  const cityData = React.useMemo(() => {
+    return extend ? citiesExtended.cities_extended : cities.cities;
+  }, [extend]);
   const localitatiData = React.useMemo(() => {
     if (!judet || !isJudetPicked) return [];
-    return cities.cities.find(
+    return cityData.find(
       (judetItem) => judetItem.title.toLowerCase() === judet.toLowerCase()
     )?.localitati ?? [];
   }, [judet, isJudetPicked]);
   const filteredItems = React.useMemo(() => {
     const searchTerm = searchField.toLowerCase();
-    if (!searchTerm) return isJudetPicked ? localitatiData : cities.cities;
-    return (isJudetPicked ? localitatiData : cities.cities).filter(
+    if (!searchTerm) return isJudetPicked ? localitatiData : cityData;
+    return (isJudetPicked ? localitatiData : cityData).filter(
       (item) => item.title.toLowerCase().includes(searchTerm)
     );
   }, [searchField, isJudetPicked, localitatiData]);