@thecb/components 4.0.22-beta.0 → 4.0.22-beta.1

package/dist/index.cjs.js

@@ -33517,17 +33517,33 @@ var AddressForm = function AddressForm(_ref) {
 
   var zipErrorMessages = (_zipErrorMessages = {}, _defineProperty(_zipErrorMessages, required.error, "Zip code is required"), _defineProperty(_zipErrorMessages, hasLength.error, "Zip code must be 5 or 9 digits"), _zipErrorMessages);
 
-  var stateProvinceErrorMessages = _defineProperty({}, required.error, "State or Province is required"); // const countryErrorMessages = {
-  //   [required.error]: "Country is required"
-  // };
+  var stateProvinceErrorMessages = _defineProperty({}, required.error, "State or Province is required");
 
+  var countryErrorMessages = _defineProperty({}, required.error, "Country is required");
 
   var isUS = fields.country.rawValue === "US";
   return /*#__PURE__*/React__default.createElement(FormContainer$1, {
     variant: variant,
     role: "form",
     "aria-label": "Address"
-  }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, /*#__PURE__*/React__default.createElement(FormInput$1, {
+  }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, /*#__PURE__*/React__default.createElement(CountryDropdown, {
+    labelTextWhenNoError: "Country",
+    errorMessages: countryErrorMessages,
+    field: fields.country,
+    onChange: function onChange(value) {
+      actions.fields.country.set(value); // temporary measure to not dirty fields until
+      // we can write a reset function for fields
+
+      if (fields.stateProvince.rawValue) {
+        actions.fields.stateProvince.set("");
+      }
+
+      if (fields.zip.rawValue) {
+        actions.fields.zip.set("");
+      }
+    },
+    showErrors: showErrors
+  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Address",
     errorMessages: street1ErrorMessages,
     field: fields.street1,
@@ -33897,8 +33913,6 @@ var EditableList = function EditableList(_ref) {
       title = _ref$title === void 0 ? "" : _ref$title,
       _ref$titleWeight = _ref.titleWeight,
       titleWeight = _ref$titleWeight === void 0 ? "400" : _ref$titleWeight,
-      _ref$canAdd = _ref.canAdd,
-      canAdd = _ref$canAdd === void 0 ? true : _ref$canAdd,
       addItem = _ref.addItem,
       removeItem = _ref.removeItem,
       editItem = _ref.editItem,
@@ -33982,7 +33996,7 @@ var EditableList = function EditableList(_ref) {
       },
       extraStyles: "min-width: 0;"
     }))));
-  })), canAdd && (!maxItems || items.length < maxItems) && /*#__PURE__*/React__default.createElement(Box, {
+  })), (!maxItems || items.length < maxItems) && /*#__PURE__*/React__default.createElement(Box, {
     padding: items.length === 0 ? "0" : "1rem 0 0"
   }, /*#__PURE__*/React__default.createElement(Placeholder$1, {
     text: "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.0.22-beta.0",
+  "version": "4.0.22-beta.1",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/molecules/address-form/AddressForm.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { required, hasLength } from "redux-freeform";
 import StateProvinceDropdown from "../../atoms/state-province-dropdown";
-// import CountryDropdown from "../../atoms/country-dropdown";
+import CountryDropdown from "../../atoms/country-dropdown";
 import { zipFormat } from "../../../util/formats";
 import { noop } from "../../../util/general";
 import {
@@ -35,16 +35,16 @@ const AddressForm = ({
   const stateProvinceErrorMessages = {
     [required.error]: "State or Province is required"
   };
-  // const countryErrorMessages = {
-  //   [required.error]: "Country is required"
-  // };
+  const countryErrorMessages = {
+    [required.error]: "Country is required"
+  };
 
   const isUS = fields.country.rawValue === "US";
 
   return (
     <FormContainer variant={variant} role="form" aria-label="Address">
       <FormInputColumn>
-        {/* <CountryDropdown
+        <CountryDropdown
           labelTextWhenNoError="Country"
           errorMessages={countryErrorMessages}
           field={fields.country}
@@ -60,7 +60,7 @@ const AddressForm = ({
             }
           }}
           showErrors={showErrors}
-        /> */}
+        />
         <FormInput
           labelTextWhenNoError="Address"
           errorMessages={street1ErrorMessages}

package/src/components/molecules/editable-list/EditableList.js

@@ -18,7 +18,6 @@ import {
 const EditableList = ({
   title = "",
   titleWeight = "400",
-  canAdd = true,
   addItem,
   removeItem,
   editItem,
@@ -124,7 +123,7 @@ const EditableList = ({
           );
         })}
       </Box>
-      {canAdd && (!maxItems || items.length < maxItems) && (
+      {(!maxItems || items.length < maxItems) && (
         <Box padding={items.length === 0 ? "0" : "1rem 0 0"}>
           <Placeholder
             text={`Add a${