Merge branch 'master' of https://github.com/rebecastilho/store-components into fix/sortVariations

Author: rebeca

CHANGELOG.md

@@ -7,8 +7,59 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
-## [3.160.0] - 2022-06-21
+## [3.161.21] - 2022-07-14
+
+## [3.161.20] - 2022-07-14
+
+## [3.161.19] - 2022-07-14
+
+## [3.161.18] - 2022-07-14
+
+## [3.161.17] - 2022-07-13
+
+## [3.161.16] - 2022-07-13
+
+## [3.161.15] - 2022-07-13
+
+## [3.161.14] - 2022-07-13
+
+## [3.161.13] - 2022-07-07
+
+## [3.161.12] - 2022-07-06
+
+## [3.161.11] - 2022-07-06
+
+## [3.161.10] - 2022-07-06
+
+## [3.161.9] - 2022-07-06
+
+## [3.161.8] - 2022-07-06
 
+## [3.161.7] - 2022-07-06
+
+## [3.161.6] - 2022-07-06
+
+## [3.161.5] - 2022-07-06
+
+## [3.161.4] - 2022-07-06
+
+## [3.161.3] - 2022-07-06
+
+## [3.161.2] - 2022-07-06
+
+## [3.161.1] - 2022-07-06
+### Fixed
+- Lint issues
+
+## [3.161.0] - 2022-07-05
+### Added
+- Call To Action mode on contentSchema
+
+## [3.160.1] - 2022-06-23
+### Added
+- Added ` (grave accent) and ’ (apostrophe) to be removed when SKU slugified
+
+## [3.160.0] - 2022-06-21
 
 ### Added
 - Added color definition for Bulgarian

manifest.json

@@ -1,7 +1,7 @@
 {
   "vendor": "vtex",
   "name": "store-components",
-  "version": "3.160.0",
+  "version": "3.161.21",
   "title": "VTEX Store Components",
   "defaultLocale": "pt-BR",
   "description": "The VTEX store components for that render apps can use",

react/AvailabilitySubscriber.tsx

@@ -120,7 +120,8 @@ function AvailabilitySubscriber(props: Props) {
   }
 
   const validateEmail = (newEmail: string) => {
-    const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+    const emailRegex =
+      /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
 
     setEmailError(!emailRegex.test(newEmail.toLowerCase()))
   }

react/__mocks__/vtex.css-handles.js

@@ -1,3 +1,4 @@
+/* eslint-disable default-param-last */
 import React, { createContext, useContext, useMemo } from 'react'
 
 export const useCssHandles = cssHandles => {
@@ -99,17 +100,18 @@ export const applyModifiers = (handles, modifier) => {
   return splitHandles.concat(modifiedHandles).join(' ').trim()
 }
 
-// eslint-disable-next-line default-param-last
-export const withCssHandles = (handles = [], options) => Component => {
-  const EnhancedComponent = props => {
-    const { handles: cssHandles } = useCssHandles(handles, options)
+export const withCssHandles =
+  (handles = [], options) =>
+  Component => {
+    const EnhancedComponent = props => {
+      const { handles: cssHandles } = useCssHandles(handles, options)
 
-    return <Component handles={cssHandles} {...props} />
-  }
+      return <Component handles={cssHandles} {...props} />
+    }
 
-  const displayName = Component.displayName || Component.name || 'Component'
+    const displayName = Component.displayName || Component.name || 'Component'
 
-  EnhancedComponent.displayName = `withCssHandles(${displayName})`
+    EnhancedComponent.displayName = `withCssHandles(${displayName})`
 
-  return EnhancedComponent
-}
+    return EnhancedComponent
+  }

react/components/Greeting/index.js

@@ -20,11 +20,12 @@ function Wrapper({ children }) {
 }
 
 // eslint-disable-next-line react/display-name
-const withWrapper = Component => props => (
-  <Wrapper>
-    <Component {...props} />
-  </Wrapper>
-)
+const withWrapper = Component => props =>
+  (
+    <Wrapper>
+      <Component {...props} />
+    </Wrapper>
+  )
 
 /**
  * @deprecated This component is deprecated.

react/components/InfoCard/index.js

@@ -148,7 +148,8 @@ const InfoCard = ({
   const containerClasses = classNames(
     `${handles.infoCardContainer} items-center`,
     {
-      [`flex-ns ${flexOrderToken} bg-base ph2-ns pb2 justify-between`]: !isFullModeStyle,
+      [`flex-ns ${flexOrderToken} bg-base ph2-ns pb2 justify-between`]:
+        !isFullModeStyle,
       [`bg-center bb b--muted-4 flex ${justifyToken}`]: isFullModeStyle,
       lazyload: lazyLoad,
     }

react/components/Newsletter/index.js

@@ -10,7 +10,9 @@ import { PixelContext } from 'vtex.pixel-manager'
 
 import SUBSCRIBE_NEWSLETTER from './mutations/subscribeNewsletter.graphql'
 
-const EMAIL_REGEX = /^[A-z0-9+_-]+(?:\.[A-z0-9+_-]+)*@(?:[A-z0-9](?:[A-z0-9-]*[A-z0-9])?\.)+[A-z0-9](?:[A-z0-9-]*[A-z0-9])?$/
+const EMAIL_REGEX =
+  /^[A-z0-9+_-]+(?:\.[A-z0-9+_-]+)*@(?:[A-z0-9](?:[A-z0-9-]*[A-z0-9])?\.)+[A-z0-9](?:[A-z0-9-]*[A-z0-9])?$/
+
 const CSS_HANDLES = [
   'newsletter',
   'confirmation',

react/components/ProductImages/components/Carousel/ThumbnailSwiper.js

@@ -107,8 +107,10 @@ const ThumbnailSwiper = props => {
       'swiper-thumbnails-caret-next',
       thumbCaretClassName,
       {
-        [`bottom-0 pt7 left-0 justify-center w-100 ${styles.gradientBaseBottom}`]: isThumbsVertical,
-        [`right-0 top-0 items-center h-100 pl6 ${styles.gradientBaseRight}`]: !isThumbsVertical,
+        [`bottom-0 pt7 left-0 justify-center w-100 ${styles.gradientBaseBottom}`]:
+          isThumbsVertical,
+        [`right-0 top-0 items-center h-100 pl6 ${styles.gradientBaseRight}`]:
+          !isThumbsVertical,
       }
     )
 

react/components/ProductImages/components/Video/Youtube.js

@@ -24,7 +24,9 @@ class Youtube extends Component {
   }
 
   static extractVideoID = url => {
-    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/
+    const regExp =
+      /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/
+
     const match = url.match(regExp)
 
     if (match && match[7].length === 11) return match[7]

react/components/ProductPrice/Installments.js

@@ -40,9 +40,10 @@ const Installments = ({
    * - The selected installment will be the one with the highest `NumberOfInstallments`;
    * - If there is no 'interest-free' installments, the normal installments will be analyzed.
    */
-  const installment = (isEmpty(noInterestRateInstallments)
-    ? installments
-    : noInterestRateInstallments
+  const installment = (
+    isEmpty(noInterestRateInstallments)
+      ? installments
+      : noInterestRateInstallments
   ).reduce((previous, current) =>
     previous.NumberOfInstallments > current.NumberOfInstallments
       ? previous