@woosmap/ui 4.214.0 → 4.215.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.214.0",
+  "version": "4.215.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Demo/AutocompleteAddressDemo.js

@@ -352,41 +352,79 @@ export default class AutocompleteAddressDemo extends Component {
             }
             console.log(`country: ${country}`);
         });
-        let codeName = 'Postal Code';
+        let addressLine1 = 'Address Line 1';
+        let addressLine1PH = 'Street address, PO box, company name';
+        let addressLine2 = 'Address Line 2';
+        let addressLine2PH = 'Apartment, suite, unit, building, floor';
+        let townCity = 'City / Locality';
+        let townCityPH = 'City or town';
+        let stateRegion = 'State / Province / Region';
+        let stateRegionPH = 'State, province or region';
+        let codeName = 'ZIP / Postal Code';
+        let codeNamePH = 'Postal code or ZIP';
         if (country === 'United States') {
             codeName = 'ZIP Code';
+            codeNamePH = '5-digit ZIP code';
+            addressLine1 = 'Street Address';
+            addressLine1PH = 'Street number and name';
+            addressLine2 = 'Apt / Suite / Unit';
+            addressLine2PH = 'Optional: Apt, Suite, Unit';
+            townCity = 'City';
+            townCityPH = 'City';
+            stateRegion = 'State';
+            stateRegionPH = 'State (e.g. CA)';
+        } else if (country === 'United Kingdom') {
+            codeName = 'Postcode';
+            codeNamePH = 'Postcode (e.g. SW1A 1AA)';
+            addressLine1 = 'Address Line 1';
+            addressLine1PH = 'House number and street name';
+            addressLine2 = 'Address Line 2';
+            addressLine2PH = 'Optional: Flat, Building, Floor';
+            townCity = 'Town / City';
+            townCityPH = 'Town or city';
+            stateRegion = 'County (optional)';
+            stateRegionPH = 'County (if applicable)';
         } else if (country === 'Ireland') {
             codeName = 'Eircode';
+            codeNamePH = 'Eircode';
+            addressLine1 = 'Address Line 1';
+            addressLine1PH = 'Street name and number';
+            addressLine2 = 'Address Line 2';
+            addressLine2PH = 'Optional: Apartment, Block, Floor';
+            townCity = 'Town / City';
+            townCityPH = 'Town or city';
+            stateRegion = 'County';
+            stateRegionPH = 'County';
         }
         return (
             <>
                 <div className="showcase-result-wrapper-col">
                     <Input
-                        label="Apartment, unit, suite, or floor #"
-                        placeholder="Apartment, unit, suite, or floor #"
-                        value={shippingAddress2}
+                        label={addressLine1}
+                        placeholder={addressLine1PH}
+                        value={shippingAddress}
                         onChange={() => {}}
                     />
                     <Input
-                        label="Street number, street name"
-                        placeholder="Street number, street name"
-                        value={shippingAddress}
+                        className="fullw"
+                        label={stateRegion}
+                        placeholder={stateRegionPH}
+                        value={state}
                         onChange={() => {}}
                     />
-                    <Input label="City" value={locality} placeholder="City" onChange={() => {}} />
+                    <Input label={townCity} value={locality} placeholder={townCityPH} onChange={() => {}} />
                 </div>
                 <div className="showcase-result-wrapper-col">
                     <Input
-                        className="fullw"
-                        label="State/Province"
-                        placeholder="State/Province"
-                        value={state}
+                        label={addressLine2}
+                        placeholder={addressLine2PH}
+                        value={shippingAddress2}
                         onChange={() => {}}
                     />
                     <Input
                         className="fullw"
                         label={codeName}
-                        placeholder={codeName}
+                        placeholder={codeNamePH}
                         value={postcode}
                         onChange={() => {}}
                     />