@thecb/components 4.1.31 → 4.1.32-beta.0

package/dist/index.cjs.js

@@ -34744,7 +34744,7 @@ var EditableList = function EditableList(_ref) {
       useModal = _ref$useModal === void 0 ? false : _ref$useModal,
       Modal = _ref.modal,
       modalProps = _ref.modalProps,
-      autoPayMethod = _ref.autoPayMethod,
+      autoPayMethods = _ref.autoPayMethods,
       qaPrefix = _ref.qaPrefix;
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: "0rem 0rem 1.5rem 0rem"
@@ -34768,7 +34768,9 @@ var EditableList = function EditableList(_ref) {
         toggleModal = _useState2[1];
 
     return /*#__PURE__*/React__default.createElement(EditableListItem, {
-      listItemSize: !!item.id && item.id === autoPayMethod ? "big" : listItemSize,
+      listItemSize: !!item.id && autoPayMethods.some(function (methodID) {
+        return methodID === item.id;
+      }) ? "big" : listItemSize,
       key: item.id || item
     }, /*#__PURE__*/React__default.createElement(Text$1, {
       variant: "p",

package/package.json

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

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

@@ -32,7 +32,7 @@ const EditableList = ({
   useModal = false,
   modal: Modal,
   modalProps,
-  autoPayMethod,
+  autoPayMethods,
   qaPrefix
 }) => (
   <Box padding="0rem 0rem 1.5rem 0rem">
@@ -60,7 +60,10 @@ const EditableList = ({
           return (
             <EditableListItem
               listItemSize={
-                !!item.id && item.id === autoPayMethod ? "big" : listItemSize
+                !!item.id &&
+                autoPayMethods.some(methodID => methodID === item.id)
+                  ? "big"
+                  : listItemSize
               }
               key={item.id || item}
             >