@thecb/components 4.0.22-beta.1 → 4.0.23

package/dist/index.cjs.js

@@ -33517,33 +33517,17 @@ 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");
+  var stateProvinceErrorMessages = _defineProperty({}, required.error, "State or Province is required"); // const countryErrorMessages = {
+  //   [required.error]: "Country 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(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, {
+  }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Address",
     errorMessages: street1ErrorMessages,
     field: fields.street1,
@@ -33913,6 +33897,8 @@ 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,
@@ -33996,7 +33982,7 @@ var EditableList = function EditableList(_ref) {
       },
       extraStyles: "min-width: 0;"
     }))));
-  })), (!maxItems || items.length < maxItems) && /*#__PURE__*/React__default.createElement(Box, {
+  })), canAdd && (!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.1",
+  "version": "4.0.23",
   "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,6 +18,7 @@ import {
 const EditableList = ({
   title = "",
   titleWeight = "400",
+  canAdd = true,
   addItem,
   removeItem,
   editItem,
@@ -123,7 +124,7 @@ const EditableList = ({
           );
         })}
       </Box>
-      {(!maxItems || items.length < maxItems) && (
+      {canAdd && (!maxItems || items.length < maxItems) && (
         <Box padding={items.length === 0 ? "0" : "1rem 0 0"}>
           <Placeholder
             text={`Add a${