@thecb/components 10.5.2 → 10.5.3

package/dist/index.esm.js

@@ -48108,6 +48108,39 @@ var Obligation = function Obligation(_ref) {
   return inactive ? inactiveObligation : activeObligation;
 };
 
+var PartialAmountField = function PartialAmountField(_ref) {
+  var lineItem = _ref.lineItem,
+    field = _ref.field,
+    showErrors = _ref.showErrors,
+    errorMessages = _ref.errorMessages,
+    moneyFormat = _ref.moneyFormat,
+    fieldActions = _ref.fieldActions;
+  return /*#__PURE__*/React.createElement(FormInput$1, {
+    labelTextWhenNoError: lineItem.description,
+    key: lineItem.id,
+    field: field,
+    fieldActions: fieldActions,
+    showErrors: showErrors,
+    errorMessages: errorMessages,
+    style: {
+      textAlign: "right"
+    },
+    placeholder: "$0.00",
+    formatter: moneyFormat,
+    isNum: true,
+    decorator: /*#__PURE__*/React.createElement(Text$1, {
+      variant: "p"
+    }, "Amount owed:", "  ", /*#__PURE__*/React.createElement(Text$1, {
+      variant: "p",
+      weight: "600"
+    }, displayCurrency(lineItem.amount)))
+  });
+};
+function arePropsEqual(prevProps, nextProps) {
+  return equals(prevProps.errorMessages, nextProps.errorMessages) && equals(prevProps.field, nextProps.field) && equals(prevProps.showErrors, nextProps.showErrors) && equals(prevProps.moneyFormat, nextProps.moneyFormat) && equals(prevProps.lineItem, nextProps.lineItem);
+}
+var PartialAmountField$1 = /*#__PURE__*/React.memo(PartialAmountField, arePropsEqual);
+
 var PartialAmountForm = function PartialAmountForm(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "default" : _ref$variant,
@@ -48151,25 +48184,15 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
       height: "16px"
     }
   }), /*#__PURE__*/React.createElement(FormInputColumn, null, lineItemsNew.map(function (li) {
-    return /*#__PURE__*/React.createElement(FormInput$1, {
-      labelTextWhenNoError: li.description,
+    return /*#__PURE__*/React.createElement(PartialAmountField$1, {
       key: li.id,
+      lineItem: li,
       field: fields[li.id],
-      fieldActions: actions.fields[li.id],
+      actions: actions,
       showErrors: showErrors,
-      errorMessages: getPartialAmountFormErrors(li.amount),
-      style: {
-        textAlign: "right"
-      },
-      placeholder: "$0.00",
-      formatter: moneyFormat,
-      isNum: true,
-      decorator: /*#__PURE__*/React.createElement(Text$1, {
-        variant: "p"
-      }, "Amount owed:", "  ", /*#__PURE__*/React.createElement(Text$1, {
-        variant: "p",
-        weight: "600"
-      }, displayCurrency(li.amount)))
+      moneyFormat: moneyFormat,
+      fieldActions: actions.fields[li.id],
+      errorMessages: getPartialAmountFormErrors(li.amount)
     });
   })));
 };
@@ -49927,10 +49950,10 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
     "aria-required": section.required,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
-    onClick: isMobile && supportsTouch || section.disabled ? noop : function () {
+    onClick: isMobile && supportsTouch || section.disabled || section.id === openSection ? noop : function () {
       return toggleOpenSection(section.id);
     },
-    onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
+    onTouchEnd: isMobile && supportsTouch && !section.disabled && section.id !== openSection ? function () {
       return toggleOpenSection(section.id);
     } : noop,
     id: "inner-radio-section-".concat(sectionIndex),