@pelcro/react-pelcro-js 3.6.0 → 3.7.0

package/dist/index.cjs.js

@@ -19245,13 +19245,6 @@ function AddressCreateFirstName(props) {
     }
   } = React.useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "firstName"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19273,8 +19266,8 @@ function AddressCreateFirstName(props) {
     autoComplete: "given-name",
     value: firstName,
     error: firstNameError,
-    onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
+    onChange: e => handleInputChange(e.target.value) // onBlur={handleBlur}
+    ,
     onFocus: handleFocus
   }, props));
 }
@@ -19288,13 +19281,6 @@ function AddressCreateLastName(props) {
     }
   } = React.useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "lastName"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19317,7 +19303,6 @@ function AddressCreateLastName(props) {
     value: lastName,
     error: lastNameError,
     onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
     onFocus: handleFocus
   }, props));
 }
@@ -19374,13 +19359,6 @@ function AddressCreateCity(props) {
     }
   } = React.useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "city"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19403,7 +19381,6 @@ function AddressCreateCity(props) {
     value: city,
     error: cityError,
     onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
     onFocus: handleFocus
   }, props));
 }
@@ -19417,13 +19394,6 @@ function AddressCreatePostalCode(props) {
     }
   } = React.useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "postalCode"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19446,7 +19416,6 @@ function AddressCreatePostalCode(props) {
     value: postalCode,
     error: postalCodeError,
     onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
     onFocus: handleFocus
   }, props));
 }
@@ -19628,10 +19597,12 @@ function StateSelect({
   };
 
   const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "state"
-    });
+    if (otherProps.required) {
+      return dispatch({
+        type: VALIDATE_FIELD,
+        payload: "state"
+      });
+    }
   };
 
   const handleFocus = () => {
@@ -19654,7 +19625,6 @@ function StateSelect({
     autoComplete: "address-level1"
   }, otherProps), /*#__PURE__*/React__default['default'].createElement("option", {
     value: "",
-    disabled: true,
     selected: true
   }, placeholder), createStateItems());
 }
@@ -19700,13 +19670,11 @@ const AddressCreateView = props => {
   }, /*#__PURE__*/React__default['default'].createElement(AddressCreateFirstName, {
     id: "pelcro-input-first-name",
     errorId: "pelcro-input-first-name-error",
-    required: true,
     label: t("labels.firstName"),
     autoFocus: true
   }), /*#__PURE__*/React__default['default'].createElement(AddressCreateLastName, {
     id: "pelcro-input-last-name",
     errorId: "pelcro-input-last-name-error",
-    required: true,
     label: t("labels.lastName")
   })), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-start"
@@ -19720,13 +19688,11 @@ const AddressCreateView = props => {
   }, /*#__PURE__*/React__default['default'].createElement(AddressCreatePostalCode, {
     id: "pelcro-input-postal-code",
     errorId: "pelcro-input-postal-code-error",
-    required: true,
     label: t("labels.code")
   }), /*#__PURE__*/React__default['default'].createElement(AddressCreateCity, {
     id: "pelcro-input-city",
     errorId: "pelcro-input-city-error",
-    label: t("labels.city"),
-    required: true
+    label: t("labels.city")
   })), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-space-x-3 plc-items-start"
   }, /*#__PURE__*/React__default['default'].createElement(AddressCreateCountrySelect, {
@@ -19737,8 +19703,7 @@ const AddressCreateView = props => {
   }), /*#__PURE__*/React__default['default'].createElement(AddressCreateStateSelect, {
     label: t("labels.region"),
     id: "pelcro-input-state",
-    errorId: "pelcro-input-state-error",
-    required: true
+    errorId: "pelcro-input-state-error"
   })), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
   }, /*#__PURE__*/React__default['default'].createElement(AddressCreateSetDefault, {
@@ -25771,7 +25736,7 @@ class Dashboard extends React.Component {
           className: "plc-pr-2 plc-text-gray-400 plc-truncate"
         }, /*#__PURE__*/React__default['default'].createElement("span", {
           className: "plc-font-semibold plc-text-gray-600"
-        }, address.city, ", ", address.country), " ", /*#__PURE__*/React__default['default'].createElement("span", {
+        }, address.city ? `${address.city},` : null, " ", address.country), " ", /*#__PURE__*/React__default['default'].createElement("span", {
           title: address.line1
         }, address.line1), /*#__PURE__*/React__default['default'].createElement("div", {
           className: "plc-flex plc-mb-2 plc-mt-1"

package/dist/index.esm.js

@@ -19215,13 +19215,6 @@ function AddressCreateFirstName(props) {
     }
   } = useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "firstName"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19243,8 +19236,8 @@ function AddressCreateFirstName(props) {
     autoComplete: "given-name",
     value: firstName,
     error: firstNameError,
-    onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
+    onChange: e => handleInputChange(e.target.value) // onBlur={handleBlur}
+    ,
     onFocus: handleFocus
   }, props));
 }
@@ -19258,13 +19251,6 @@ function AddressCreateLastName(props) {
     }
   } = useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "lastName"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19287,7 +19273,6 @@ function AddressCreateLastName(props) {
     value: lastName,
     error: lastNameError,
     onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
     onFocus: handleFocus
   }, props));
 }
@@ -19344,13 +19329,6 @@ function AddressCreateCity(props) {
     }
   } = useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "city"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19373,7 +19351,6 @@ function AddressCreateCity(props) {
     value: city,
     error: cityError,
     onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
     onFocus: handleFocus
   }, props));
 }
@@ -19387,13 +19364,6 @@ function AddressCreatePostalCode(props) {
     }
   } = useContext(store$e);
 
-  const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "postalCode"
-    });
-  };
-
   const handleInputChange = value => {
     dispatch({
       type: SET_TEXT_FIELD,
@@ -19416,7 +19386,6 @@ function AddressCreatePostalCode(props) {
     value: postalCode,
     error: postalCodeError,
     onChange: e => handleInputChange(e.target.value),
-    onBlur: handleBlur,
     onFocus: handleFocus
   }, props));
 }
@@ -19598,10 +19567,12 @@ function StateSelect({
   };
 
   const handleBlur = () => {
-    return dispatch({
-      type: VALIDATE_FIELD,
-      payload: "state"
-    });
+    if (otherProps.required) {
+      return dispatch({
+        type: VALIDATE_FIELD,
+        payload: "state"
+      });
+    }
   };
 
   const handleFocus = () => {
@@ -19624,7 +19595,6 @@ function StateSelect({
     autoComplete: "address-level1"
   }, otherProps), /*#__PURE__*/React__default.createElement("option", {
     value: "",
-    disabled: true,
     selected: true
   }, placeholder), createStateItems());
 }
@@ -19670,13 +19640,11 @@ const AddressCreateView = props => {
   }, /*#__PURE__*/React__default.createElement(AddressCreateFirstName, {
     id: "pelcro-input-first-name",
     errorId: "pelcro-input-first-name-error",
-    required: true,
     label: t("labels.firstName"),
     autoFocus: true
   }), /*#__PURE__*/React__default.createElement(AddressCreateLastName, {
     id: "pelcro-input-last-name",
     errorId: "pelcro-input-last-name-error",
-    required: true,
     label: t("labels.lastName")
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-start"
@@ -19690,13 +19658,11 @@ const AddressCreateView = props => {
   }, /*#__PURE__*/React__default.createElement(AddressCreatePostalCode, {
     id: "pelcro-input-postal-code",
     errorId: "pelcro-input-postal-code-error",
-    required: true,
     label: t("labels.code")
   }), /*#__PURE__*/React__default.createElement(AddressCreateCity, {
     id: "pelcro-input-city",
     errorId: "pelcro-input-city-error",
-    label: t("labels.city"),
-    required: true
+    label: t("labels.city")
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-space-x-3 plc-items-start"
   }, /*#__PURE__*/React__default.createElement(AddressCreateCountrySelect, {
@@ -19707,8 +19673,7 @@ const AddressCreateView = props => {
   }), /*#__PURE__*/React__default.createElement(AddressCreateStateSelect, {
     label: t("labels.region"),
     id: "pelcro-input-state",
-    errorId: "pelcro-input-state-error",
-    required: true
+    errorId: "pelcro-input-state-error"
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
   }, /*#__PURE__*/React__default.createElement(AddressCreateSetDefault, {
@@ -25741,7 +25706,7 @@ class Dashboard extends Component {
           className: "plc-pr-2 plc-text-gray-400 plc-truncate"
         }, /*#__PURE__*/React__default.createElement("span", {
           className: "plc-font-semibold plc-text-gray-600"
-        }, address.city, ", ", address.country), " ", /*#__PURE__*/React__default.createElement("span", {
+        }, address.city ? `${address.city},` : null, " ", address.country), " ", /*#__PURE__*/React__default.createElement("span", {
           title: address.line1
         }, address.line1), /*#__PURE__*/React__default.createElement("div", {
           className: "plc-flex plc-mb-2 plc-mt-1"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",