Add labelListPrice prop in ProductSummaryPrice

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [2.21.0] - 2019-05-21
+### Fixed
+- Include `labelListPrice` prop in `productSummaryPrice`.
+
 ## [2.20.3] - 2019-05-14
 ### Fixed
 - ProductQuantityStepper was sending undefined seller param to updateItems mutation.

README.md

@@ -91,6 +91,7 @@ Through the Storefront, you can change the product-summary's behavior and interf
 | `showBadge`         | `Boolean` | Set the discount badge's visibility                                                         |
 | `showDescription`   | `Boolean` | Set product's description visibility                                                        |
 | `labelSellingPrice` | `String`  | Text of selling price's label                                                               |
+| `labelListPrice`    | `String`  | Text of list price's label                                                                  |
 | `badgeText`         | `String`  | Text shown on badge                                                                         |
 | `buyButtonText`     | `String`  | Custom buy button text                                                                      |
 | `displayBuyButton`  | `Enum`    | Set display mode of buy button (displayButtonAlways, displayButtonHover, displayButtonNone) |

manifest.json

@@ -1,7 +1,7 @@
 {
   "vendor": "vtex",
   "name": "product-summary",
-  "version": "2.20.3",
+  "version": "2.21.0",
   "title": "Product Summary",
   "description": "Product summary component",
   "defaultLocale": "pt-BR",

react/components/ProductSummaryPrice/ProductSummaryPrice.js

@@ -14,6 +14,7 @@ const ProductSummaryPrice = ({
   showLabels,
   showInstallments,
   labelSellingPrice,
+  labelListPrice,
   showBorders,
 }) => {
   const { product, isLoading } = useContext(ProductSummaryContext)
@@ -58,6 +59,7 @@ const ProductSummaryPrice = ({
           showLabels={showLabels}
           showInstallments={showInstallments}
           labelSellingPrice={labelSellingPrice}
+          labelListPrice={labelListPrice}
         />
       )}
     </div>
@@ -73,6 +75,8 @@ ProductSummaryPrice.propTypes = {
   showInstallments: PropTypes.bool,
   /** Text of selling Price's label */
   labelSellingPrice: PropTypes.string,
+  /** Text of list Price's label */
+  labelListPrice: PropTypes.string,
   /** Set installments' visibility */
   showBorders: PropTypes.bool,
 }
@@ -82,6 +86,7 @@ ProductSummaryPrice.defaultProps = {
   showInstallments: true,
   showLabels: true,
   labelSellingPrice: '',
+  labelListPrice: '',
   showBorders: false,
 }
 
@@ -114,6 +119,11 @@ ProductSummaryPrice.getSchema = () => {
         title: 'admin/editor.productSummary.labelSellingPrice.title',
         isLayout: false,
       },
+      labelListPrice: {
+        type: 'string',
+        title: 'admin/editor.productSummary.labelListPrice.title',
+        isLayout: false,
+      },
       showBorders: {
         type: 'boolean',
         title: 'admin/editor.productSummary.showBorders.title',

react/components/ProductSummaryPrice/README.md

@@ -39,6 +39,7 @@ Through the Storefront, you can change the `ProductSummaryPrice`'s behavior and
 | `showInstallments`  | `Boolean` | Set installments' visibility     | `true`        |
 | `showLabels`        | `Boolean` | Set pricing labels' visibility   | `true`        |
 | `labelSellingPrice` | `String`  | Text of selling price's label    |               |
+| `labelListPrice`    | `String`  | Text of list price's label       |               |   
 | `showBorders`       | `Boolean` | Set product's borders visibility | `false`       |
 
 ### Styles API

react/legacy/components/ProductSummaryPrice.js

@@ -12,6 +12,7 @@ const ProductSummaryPrice = ({
   showLabels,
   showInstallments,
   labelSellingPrice,
+  labelListPrice,
   isLoading,
   containerClass,
 }) => {
@@ -49,6 +50,7 @@ const ProductSummaryPrice = ({
           showLabels={showLabels}
           showInstallments={showInstallments}
           labelSellingPrice={labelSellingPrice}
+          labelListPrice={labelListPrice}
         />
       )}
     </div>
@@ -66,6 +68,8 @@ ProductSummaryPrice.propTypes = {
   showInstallments: PropTypes.bool,
   /** Text of selling Price's label */
   labelSellingPrice: PropTypes.string,
+  /** Text of selling Price's label */
+  labelListPrice: PropTypes.string,
   /** Defines if the loading spinner is shown */
   isLoading: PropTypes.bool,
   /** Styles used in the container div */

react/legacy/index.js

@@ -48,6 +48,8 @@ class ProductSummary extends Component {
     showQuantitySelector: PropTypes.bool,
     /** Text of selling Price's label */
     labelSellingPrice: PropTypes.string,
+    /** Text of list Price's label */
+    labelListPrice: PropTypes.string,
     /** Text shown on badge */
     badgeText: PropTypes.string,
     /** Custom buy button text */
@@ -128,6 +130,7 @@ class ProductSummary extends Component {
       showLabels,
       showInstallments,
       labelSellingPrice,
+      labelListPrice,
       name: showFieldsProps,
       showQuantitySelector,
       priceAlignLeft,
@@ -148,6 +151,7 @@ class ProductSummary extends Component {
       showLabels,
       showInstallments,
       labelSellingPrice,
+      labelListPrice,
       isLoading: this.state.isUpdatingItems,
     }