ordering-components-external 13.1.2 → 13.1.3

package/src/components/ProductImages/index.js

@@ -1,64 +1,64 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-export const ProductImages = (props) => {
-  const {
-    hero,
-    gallery,
-    UIComponent
-  } = props
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          hero={hero}
-          gallery={gallery}
-        />
-      )}
-    </>
-  )
-}
-
-ProductImages.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * hero, this must be contain the main product image
-   */
-  hero: PropTypes.string,
-  /**
-   * gallery, this must be contain the array of product images
-   */
-  gallery: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * Components types before product images
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after product images
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before product images
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after product images
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-ProductImages.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+export const ProductImages = (props) => {
+  const {
+    hero,
+    gallery,
+    UIComponent
+  } = props
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          hero={hero}
+          gallery={gallery}
+        />
+      )}
+    </>
+  )
+}
+
+ProductImages.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * hero, this must be contain the main product image
+   */
+  hero: PropTypes.string,
+  /**
+   * gallery, this must be contain the array of product images
+   */
+  gallery: PropTypes.arrayOf(PropTypes.string),
+  /**
+   * Components types before product images
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after product images
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before product images
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after product images
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+ProductImages.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/ProductIngredient/index.js

@@ -1,72 +1,72 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-/**
- * Component to render product ingredient
- */
-export const ProductIngredient = (props) => {
-  const {
-    UIComponent,
-    ingredient,
-    onChange
-  } = props
-
-  /**
-   * Set current state
-   */
-  const state = { id: ingredient.id, name: ingredient.name, selected: props.state.selected }
-
-  /**
-   * Run onChange function with new state
-   * @param {object} newState State with changes
-   */
-  const changeState = (newState) => {
-    onChange && onChange(newState, ingredient)
-  }
-
-  /**
-   * Select/unselect the suboption
-   */
-  const toggleSelect = () => {
-    changeState({ selected: !state.selected })
-  }
-
-  return (
-    <>
-      {
-        UIComponent && (
-          <UIComponent
-            {...props}
-            state={state}
-            toggleSelect={toggleSelect}
-          />
-        )
-      }
-    </>
-  )
-}
-
-ProductIngredient.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Ingredient object to render UI
-   */
-  ingredient: PropTypes.object.isRequired,
-  /**
-   * Current state
-   */
-  state: PropTypes.shape({
-    selected: PropTypes.bool
-  }).isRequired,
-  /**
-   * Function to get ingredient changes
-   */
-  onChange: PropTypes.func
-}
-
-ProductIngredient.defaultProps = {
-  state: {}
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+/**
+ * Component to render product ingredient
+ */
+export const ProductIngredient = (props) => {
+  const {
+    UIComponent,
+    ingredient,
+    onChange
+  } = props
+
+  /**
+   * Set current state
+   */
+  const state = { id: ingredient.id, name: ingredient.name, selected: props.state.selected }
+
+  /**
+   * Run onChange function with new state
+   * @param {object} newState State with changes
+   */
+  const changeState = (newState) => {
+    onChange && onChange(newState, ingredient)
+  }
+
+  /**
+   * Select/unselect the suboption
+   */
+  const toggleSelect = () => {
+    changeState({ selected: !state.selected })
+  }
+
+  return (
+    <>
+      {
+        UIComponent && (
+          <UIComponent
+            {...props}
+            state={state}
+            toggleSelect={toggleSelect}
+          />
+        )
+      }
+    </>
+  )
+}
+
+ProductIngredient.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Ingredient object to render UI
+   */
+  ingredient: PropTypes.object.isRequired,
+  /**
+   * Current state
+   */
+  state: PropTypes.shape({
+    selected: PropTypes.bool
+  }).isRequired,
+  /**
+   * Function to get ingredient changes
+   */
+  onChange: PropTypes.func
+}
+
+ProductIngredient.defaultProps = {
+  state: {}
+}

package/src/components/ProductItemAccordion/index.js

@@ -1,72 +1,72 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-/**
- * Component to render product ingredient
- */
-export const ProductItemAccordion = (props) => {
-  const {
-    UIComponent,
-    product,
-    isCartProduct
-  } = props
-
-  /**
-   * Run productInfo to sort product options
-   */
-  const productInfo = () => {
-    let options = JSON.parse(JSON.stringify(Object.values(product.options ?? {})))
-    const extraGroups = options.reduce((acc, option) => {
-      const extraRank = option?.extra?.rank ?? option?.rank
-      acc[extraRank] = acc[extraRank] || []
-      acc[extraRank].push(option)
-      return acc
-    }, {})
-
-    const sortedExtraGroups = Object.entries(extraGroups).sort(([rankA], [rankB]) => rankA - rankB)
-
-    sortedExtraGroups.forEach(([_, group]) => {
-      group.sort((a, b) => a.rank - b.rank)
-    })
-
-    options = sortedExtraGroups.flatMap(([, group]) => group)
-
-    if (isCartProduct) {
-      const ingredients = JSON.parse(JSON.stringify(Object.values(product.ingredients ?? {})))
-      options = options.map(option => {
-        option.suboptions = Object.values(option.suboptions ?? {})
-        return option
-      })
-      return {
-        ...productInfo,
-        ingredients,
-        options
-      }
-    }
-    return { ...product, options }
-  }
-
-  return (
-    <>
-      {
-        UIComponent && (
-          <UIComponent
-            {...props}
-            productInfo={productInfo()}
-          />
-        )
-      }
-    </>
-  )
-}
-
-ProductItemAccordion.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * product object to render UI
-   */
-  product: PropTypes.object.isRequired
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+/**
+ * Component to render product ingredient
+ */
+export const ProductItemAccordion = (props) => {
+  const {
+    UIComponent,
+    product,
+    isCartProduct
+  } = props
+
+  /**
+   * Run productInfo to sort product options
+   */
+  const productInfo = () => {
+    let options = JSON.parse(JSON.stringify(Object.values(product.options ?? {})))
+    const extraGroups = options.reduce((acc, option) => {
+      const extraRank = option?.extra?.rank ?? option?.rank
+      acc[extraRank] = acc[extraRank] || []
+      acc[extraRank].push(option)
+      return acc
+    }, {})
+
+    const sortedExtraGroups = Object.entries(extraGroups).sort(([rankA], [rankB]) => rankA - rankB)
+
+    sortedExtraGroups.forEach(([_, group]) => {
+      group.sort((a, b) => a.rank - b.rank)
+    })
+
+    options = sortedExtraGroups.flatMap(([, group]) => group)
+
+    if (isCartProduct) {
+      const ingredients = JSON.parse(JSON.stringify(Object.values(product.ingredients ?? {})))
+      options = options.map(option => {
+        option.suboptions = Object.values(option.suboptions ?? {})
+        return option
+      })
+      return {
+        ...productInfo,
+        ingredients,
+        options
+      }
+    }
+    return { ...product, options }
+  }
+
+  return (
+    <>
+      {
+        UIComponent && (
+          <UIComponent
+            {...props}
+            productInfo={productInfo()}
+          />
+        )
+      }
+    </>
+  )
+}
+
+ProductItemAccordion.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * product object to render UI
+   */
+  product: PropTypes.object.isRequired
+}

package/src/components/ProductOption/index.js

@@ -1,42 +1,42 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-/**
- * Component to render product options
- */
-export const ProductOption = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  return (
-    <>
-      {
-        UIComponent && (
-          <UIComponent
-            {...props}
-          />
-        )
-      }
-    </>
-  )
-}
-
-ProductOption.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Option object to render UI
-   */
-  option: PropTypes.object.isRequired,
-  /**
-   * Flag error
-   */
-  error: PropTypes.bool
-}
-
-ProductOption.defaultProps = {
-  error: false
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+/**
+ * Component to render product options
+ */
+export const ProductOption = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  return (
+    <>
+      {
+        UIComponent && (
+          <UIComponent
+            {...props}
+          />
+        )
+      }
+    </>
+  )
+}
+
+ProductOption.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Option object to render UI
+   */
+  option: PropTypes.object.isRequired,
+  /**
+   * Flag error
+   */
+  error: PropTypes.bool
+}
+
+ProductOption.defaultProps = {
+  error: false
+}